Sistine

Canvas Background

Component
View in Storybook

Full-screen animated canvas background that recolors with the live glass tint — gradient, lava, or circle styles driven by the OKLCH ramps.

Installation
Install this component using the shadcn CLI with your preferred package manager
bunx shadcn@latest add @sistine/canvas-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)