Magnetic Scramble
A Magnetic Scramble Text component that fuses a magnetic cursor-follow effect with a dynamic scrambling animation, creating a playful and interactive text hover experience.
Make it with Workshop
Build your own component with AI
About this Component
This component combines two engaging effects — magnetic motion and scramble animation — to bring text elements to life. When hovered, the text smoothly follows the cursor using spring-based physics, mimicking magnetic attraction. At the same time, its characters scramble through random symbols before revealing the original text, adding an eye-catching, tech-inspired animation.
You can fully customize the scramble characters, animation speed, and magnetic strength, giving precise control over responsiveness and intensity. It supports flexible text alignment, overflow handling, and complete typography customization (font size, weight, spacing, and color).
Ideal for interactive headings, buttons, or hero text, this component adds personality and motion to any interface — perfect for websites seeking a modern, animated touch.
