Sistine

Gradient Text

Component
View in Storybook

Fills text with a gradient via background-clip. Defaults to the theme's --gradient-text (follows the live glass tint) and falls back to a fixed brand gradient standalone.

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