All components
Shimmer Text
TypographyText with a highlight band travelling across it.
Loading your workspace…
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/shimmer-text.jsonOr install manually
1. Install dependencies
pnpm add motion clsx tailwind-merge2. Copy the component source into
components/library/shimmer-text.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 3 | Seconds per pass. |
| className | string | - | Classes applied to the text. |
Accessibility
- Text stays selectable and readable by assistive tech.
- Falls back to a static gradient under prefers-reduced-motion.
Dependencies
motionclsxtailwind-merge