Skip to content

component

Playful Motion Text

By archiv.studio

Details

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.

12001400148428/148/218/299/69/14
  • All · #2791