Flip Text
Pro
Advanced component offering text animation with 3D flipping effects. Features horizontal and vertical flipping options.
Pro features
What the Pro version adds to this component.
3D Flipping Effect
3D flipping animation on horizontal and vertical axes
Dual Direction Support
Horizontal and vertical flipping options
Playback Control
Pause, resume or reset the animation
Easing Control
5 different easing function options
Dual Duration Control
Set transition duration and flip duration separately
3D Perspective
Depth effect with adjustable perspective distance
Installation
Install via CLI
npx @moontra/moonui-cli add flip-textUsage
effect!
Examples
Horizontal Flipping
Pro
Flipping effect on horizontal axis
Vertical Flipping
Pro
Flipping effect on vertical axis
3D Perspective
Pro
Depth with 3D perspective effect
Fast Flipping
Pro
Faster animation duration
Smooth Transition
Pro
Smooth animation with ease-in-out
Custom Style
Pro
Styled flip text with CSS