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