Browse components
Shiny Button
Gradient border and inner glow that follow the cursor.
Installation
npx shadcn@latest add @glint-ui/shiny-buttonFirst time using @glint-ui? Add the registry to components.json once, or install by URL: npx shadcn@latest add https://glint-ui-seven.vercel.app/r/shiny-button.json
Usage
import { ShinyButton } from "@/components/ui/shiny-button";
<ShinyButton size="lg">Get started</ShinyButton>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Button label. |
| gradientFrom | string | "#c6ff3d" | Gradient start. |
| gradientTo | string | "#22d3ee" | Gradient end. |
| size | "sm" | "md" | "lg" | "md" | Button size. |
| className | string | — | Extra classes for the root element. |