Shiny Button

A pill button with a diagonal light sweep that glides across on hover while the leading sparkle twinkles. Pure CSS — no GSAP dependency.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/shiny-button.json"

Shiny Button – shadcn/ui Component by tween-ui | shadcnregistry

A pill button with a diagonal light sweep that glides across on hover while the leading sparkle twinkles. Pure CSS — no GSAP dependency.

pnpm dlx shadcn@latest add "https://tween-ui.vercel.app/r/shiny-button.json"

components/tweenui/shiny-button.tsx