MoonUI

Flip Text

PRO

Advanced component offering text animation with 3D flipping effects. Features horizontal and vertical flipping options.

Pro Features

Unlock advanced capabilities with the Pro version

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-text

Usage

Pro Required

Flip
effect!

Examples

Horizontal Flipping

PRO

Flipping effect on horizontal axis

Pro Required
Horizontal

Vertical Flipping

PRO

Flipping effect on vertical axis

Pro Required
Vertical

3D Perspective

PRO

Depth with 3D perspective effect

Pro Required
3D

Fast Flipping

PRO

Faster animation duration

Pro Required
Fast

Smooth Transition

PRO

Smooth animation with ease-in-out

Pro Required
Smooth

Custom Style

PRO

Styled flip text with CSS

Pro Required
Colorful