Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/animated-shine-text| Prop | Type | Default | Description |
|---|
children | React.ReactNode | required | Content to display |
className | string | undefined | Additional CSS classes |
as | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "h1" | HTML element to render |
zoomDuration | number | 1 | Duration of zoom animation (seconds) |
shineDuration | number | 1.2 | Duration of shine animation (seconds) |
shineDelay | number | 1 | Delay before shine starts (seconds) |
shineRepeat | number | 0 | Times shine repeats (0 = once, Infinity = loop) |
baseColor | string | var(--foreground) | Base text color |
shineColor | string | #fff | Shine highlight color |
prefers-reduced-motion preference