Text Shimmer

Text with a shimmering gradient effect.

Preview
Loading premium experience...

Customize

Installation & Usage

tsx
import { TextShimmer } from "@/components/ui/text-shimmer"

export function TextShimmerDemo() {
  return (
    <div className="text-4xl font-bold py-2">
      <TextShimmer 
        text="Loading premium experience..." 
        className="text-4xl font-bold py-2" 
        duration={3} 
      />
    </div>
  )
}

Component Details

FrameworkReact / Next.js
StylingTailwind CSS
AnimationFramer Motion
DependenciesNone