Click Animations
Advanced click/tap animations with ripple, pulse, scale, bounce, shake, glow, and wave effects for interactive feedback
Pro Features
Unlock advanced capabilities with the Pro version
7 Animation Types
Ripple, pulse, scale, bounce, shake, glow, wave
Gesture Recognition
Single, double, long press detection
Customizable Effects
Colors, intensity, duration control
6 Easing Functions
Natural animation curves
Touch Support
Works seamlessly on mobile
Performance Optimized
RAF-based animations
Installation
Install via CLI
npx @moontra/moonui-cli add click-animationsUsage
Examples
Animation Types
7 different click animation types - ripple, pulse, scale, bounce, shake, glow, and wave effects
Click Types
Different click gesture recognition - single click, double click, and long press interactions
Easing Functions
6 easing functions for natural animation curves
Intensity Levels
Control animation intensity from subtle to prominent effects
Ripple Colors
Customizable ripple colors for brand consistency
Duration Variations
Adjust animation duration for different interaction speeds
Interactive Buttons
Real-world button components with enhanced click feedback
Card Click Interactions
Interactive card components with click animations for enhanced UX
Ripple Card
Click for ripple animation
Scale Card
Click for scale animation