Sistine

Gradient Background

Component
View in Storybook

A ramp-driven gradient wallpaper that recolors with the live glass tint, and lays a fresco preset (sistine/muse/aurora/gloaming) multi-hue palette across the gradient. Pure CSS, crisp at any DPI.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/gradient-background
Usage
Example code for using this component

Preview not available for this component.

Props
Component props and variants

This component supports the following variants:

  • default - Standard styling
  • glass - Glassmorphism effect (default)