What is Hover Text Drawing?
A hover-activated canvas where your cursor paints with text—revealing elegant typography trails that accumulate during movement then softly dissolve. It activates instantly on hover with automatic cleanup, creating mesmerizing interactive experiences for modern websites.
Core Features
- Pure Hover Magic: No clicks needed—text appears instantly as users explore
- 5 Style Presets: Elegant, Playful, Minimal, Neon + full Custom control
Controls inside Framer
- Preset styles (Elegant, Playful, Minimal, Neon, Custom)
- Reveal Text (any string, repeats infinitely)
Timing & Flow
- Idle Before Fade (0.5-5s trigger)
- Fade Duration (2-10s smooth dissolve)
Typography (Custom Mode)
- Font Size (24-96px) - Font Family (Instrument Serif, Playfair, Crimson, Georgia)
- Style (Regular/Italic) - Letter/Word Spacing - Text Color
Visual Effects
- Glow Effect (toggle + color/radius control)
- Entrance Animation (scale/fade-in timing)
- Letter Lifetime (individual fade control)
Best use cases
- Hero Sections: "Hover to discover" messaging that captivates visitors
- Portfolio Showcases: Draw your name/branding with mouse movement
- Creative Menus: Interactive navigation that reveals on explore
- Atmospheric Backgrounds: Subtle text effects behind CTAs
Transform any hover into typography art—deploy in seconds, customize endlessly, amaze every visitor.
Aidan Looker
