Shiny Text adds a glossy shimmer to text with smooth Framer Motion + CSS effects, ideal for titles, banners, and call-to-action highlights.
Made with Workshop
Build your own component with AI
Shiny Text is a React component that applies a shimmering light effect across text using Framer Motion and CSS. It’s lightweight, customizable, and supports animation speed, looping, auto-play, and easing. Developers can add custom class names for styling, and it includes accessibility-friendly text for screen readers. Perfect for enhancing banners, titles, brand names, or call-to-action highlights with a sleek reflective glow.