Docs Examples AI KitAI

Examples / Text

Reveal text effect

An example of revealing text on hover using flexbox and Motion for Vue's layout animations.

Vue

Matt PerryMarch 6, 2025

>Live exampleOpen

>APIsmotionlayout

Related examples

Number trend
Scramble text
Scramble text: Hover
Scramble text: Stagger from center

Latest in Vue

Carousel: iOS exposure slider
iOS App Folder
To-do list
Carousel: Vertical

Motion+One payment
Lifetime updates

Motion+ examples

Unlock all 400+ examples

Get source code for every Plus example, provide examples directly to your agent via Motion's MCP, and keep lifetime access to new examples and APIs.

Examples: 400+
Source: Included
Updates: Lifetime

Get Motion+Get Motion+Sign in

Sponsors

Motion is supported by the best in the industry.

Become a sponsor

Newsletter

Updates on new features and releases.

>

Site

About
Changelog
Docs
Examples
Magazine
Sponsor
Troubleshooting

Products

AI Kit
CSS Studio
Motion
Motion+
MotionScore

Most Popular

React animation
Layout animation
SVG animation
Motion component
GSAP vs Motion

Docs

JavaScript
React
Vue
AI Kit

Social

Discord
GitHub
X/Twitter
YouTube

© 2026 Motion

+Login Purchase