Shiny Text
Advanced component that creates a shimmering shine effect across text. Features multiple gradient presets and customizable animation speed for premium text animations.
Pro features
What the Pro version adds to this component.
Shine Animation
Smooth shimmer effect that sweeps across your text
Multiple Gradients
Gold, silver, rainbow, and custom gradient options
Speed Control
Adjustable animation speed for perfect timing
Toggle Animation
Enable or disable animation with a simple prop
Custom Gradients
Create unique effects with your own CSS gradients
Easy Integration
Simple API that works with your existing CSS classes
Installation
Install via CLI
npx @moontra/moonui-cli add shiny-textUsage
Examples
Basic Shine
Simple shine effect with default settings
Gold Gradient
Elegant gold shine effect
Silver Gradient
Classic silver shine effect
Rainbow Gradient
Colorful rainbow shine effect
Custom Gradient
Your own custom gradient effect
Fast Animation
Faster shine animation speed
Slow Animation
Slower, more elegant animation
Disabled State
Static text without animation
Large Text
Shine effect on large headlines