Components
Shiny Text
A text component featuring a shimmering animation effect that creates an elegant shine moving across the text from right to left.
Features: • Smooth shimmer animation • Theme-aware colors • Customizable animation speed • Disabled state support • Custom styling support • Responsive design • High performance • Accessible text • Cross-browser compatibility
import { ShinyText } from "@/components/ui/shiny-text"
function ShinyTextDemo() {
return (
<div className="space-y-4">
<ShinyText text="Just some shiny text!" disabled={false} speed={3} className='custom-class' />
</div>
)
}
export { ShinyTextDemo }