Morphing Text
Pro
Advanced component offering text animation with morphing effects. Features scale, blur, opacity and slide morph types.
Pro features
What the Pro version adds to this component.
Morphing Effects
Magical transformation animations between texts
4 Morph Types
Scale, blur, opacity and slide effect options
Playback Control
Pause, resume or reset the animation
Transition Control
5 different transition timing functions
Dual Duration Control
Set transition duration and animation duration separately
Callback Support
Track text changes and respond to them
Installation
Install via CLI
npx @moontra/moonui-cli add morphing-textUsage
Amazing experience!
Examples
Opacity Morph
Pro
Classic opacity transition effect
Scale Morph
Pro
Morphing effect with scale transformation
Blur Morph
Pro
Transition with blur effect
Slide Morph
Pro
Morphing with slide effect
Fast Morph
Pro
Faster transition effect
Custom Transition
Pro
Smooth transition with ease-in-out