MoonUI

Morphing Text

PRO

Advanced component offering text animation with morphing effects. Features scale, blur, opacity and slide morph types.

Pro Features

Unlock advanced capabilities with the Pro version

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 moonui-cli@latest add morphing-text

Usage

Pro Required

Amazing experience!

Examples

Opacity Morph

PRO

Classic opacity transition effect

Pro Required
Fade

Scale Morph

PRO

Morphing effect with scale transformation

Pro Required
Grow

Blur Morph

PRO

Transition with blur effect

Pro Required
Blurred

Slide Morph

PRO

Morphing with slide effect

Pro Required
Slide

Fast Morph

PRO

Faster transition effect

Pro Required
Fast

Custom Transition

PRO

Smooth transition with ease-in-out

Pro Required
Smooth