Animated Button
Advanced button component with multiple animation styles, state management, ripple effects, progress indicators, and interactive feedback.
Pro features
What the Pro version adds to this component.
8 Animation Styles
Bounce, pulse, shimmer, slide, scale, rotate, shake effects
State Management
Built-in loading, success, and error states
Ripple Effect
Material Design inspired click ripples
Progress Indicator
Optional progress bar for long operations
Glow & Shimmer
Advanced visual effects with customizable intensity
Auto Reset
Automatic state reset after completion
8 Variants
Multiple button styles including gradient and glow
Production Ready
Fully tested with proper error handling
Installation
Install via CLI
npx @moontra/moonui-cli add animated-buttonUsage
Examples
Basic Animated Button
Button with state management and animations
Animation Variants
All available animation styles
State Management
Loading, success, and error states
Ripple Effect
Material Design inspired ripple effect
Progress Bar
Button with progress indicator
Glow and Shimmer
Advanced visual effects
Complex Workflow
Multi-step process with animated buttons