All components
Text Shimmer
TypographyText with a light sheen sweeping across it.
Loading your workspace
Installation
Add it with the shadcn CLI:
$
pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/text-shimmer.jsonOr install manually
1. Install dependencies
pnpm add motion clsx tailwind-merge2. Copy the component source into
components/library/text-shimmer.tsx
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | - | Text to render. |
Accessibility
- Real text, so it stays selectable and readable by assistive tech.
- Animates background-position only, which the compositor handles.
- Falls back to a static gradient if animation is unavailable.
Dependencies
motionclsxtailwind-merge