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

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Shiny Text to your project and fits it to your theme.

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 }