NK

Search

Search pages, posts, and components

All components

Text Shimmer

Typography

Text 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.json
Or install manually
  1. 1. Install dependencies

    pnpm add motion clsx tailwind-merge
  2. 2. Copy the component source into components/library/text-shimmer.tsx

Props

PropTypeDefaultDescription
childrenstring - 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