component
Playful Motion Text
By archiv.studio
Details
- archiv.studioAuthor
- componentType
- 2026-03-31Published
- 2026-09-09Updated
- 2026-03-18Added
- TextCategories
Summary
Interactive hover text movement
Description
About This Component Create engaging, interactive hover text with letters or words that move, rotate, and scale with the cursor. Fully customizable motion, triggers, and links make it perfect for playful or professional typography. Features Text Controls – Customize text content, color, and font. Link Support – Make text clickable, linking to a page, section, or external URL, with optional new tab behavior. Text Mode – Animate individual letters or full words. Interaction – Trigger animations on hover or cursor proximity. Movement Controls – Adjust movement amount and direction. Rotation Amount – Add subtle rotation to the motion. Scale on Hover – Slightly enlarge text during interaction. Stagger Amount – Offset animation timing between letters or words. Animation Speed – Control how fast the motion happens. Return Animation – Choose how text resets after interaction (smooth, snap, bounce). Motion Toggle – Enable or disable the animation for a static text state. Made For Designers, developers, and creators who want to add engaging, interactive text effects to websites . Perfect for headings, buttons, playful UI interactions, and more.
Introduction
Interactive hover text movement
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #2791