Components
Loading preview...
A text component with an animated shimmer gradient effect that sweeps across the text surface.
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/text-shimmerimport TextShimmerDemo from "../components/ui/text-shimmer";
export default function Demo() {
return (
<>
<style>{`@keyframes shimmer { 0% { background-position: 200% 50%; } 100% { background-position: -200% 50%; } }`}</style>
<div className="flex items-center justify-center min-h-screen bg-background">
<TextShimmerDemo />
</div>
</>
);
}