A bold, cartoon-styled Framer component with a smooth magnetic hover effect — letters lift and ripple as your cursor moves across them.
🔗 Live preview: https://magnetictext.framer.website
As your cursor moves across the text, each letter lifts toward you — with neighboring letters following in a smooth, magnetic wave. The cartoon style adds a bold stroke and drop shadow to every character, giving it instant personality and visual weight.
The hover motion uses natural spring physics with adjustable falloff. Letters near the cursor rise the most; letters further away rise just enough to follow along organically.
Magnetic hover effect — letters lift and ripple toward your cursor
Bold cartoon style — built-in stroke and drop shadow
Customizable letter color, font size, and lift height
Up to 20 characters per instance
Adjustable spring physics for natural motion
Works with any font from your Framer library
Lightweight, GPU-accelerated, no code editing required
Playful landing pages and brand sites
Hero headlines with personality
Game and entertainment websites
Sticker-style typography
Y2K, retro, and comic-inspired designs
Brands that want to stand out
Magnetic Text Cartoon component
Demo page included via Remix link
Full property panel with all customization options
Drop-in setup — no code editing required
Need help? Email support@luminacle.com — we'll get back to you within 24 hours.
As this is a digital product, all sales are final. Once purchased, the component cannot be returned. If you experience a technical issue, contact support and we'll work to resolve it.
Made by Luminacle — interactive components for Framer.
Hanmiru Lee
