Physics Text Hover

Interactive particle text animations.

Key Features: 4 Interactive Modes: Choose exactly how the text reacts to the user: Hover Repel, Hover Attract, Hover Glitch, or Click to Birth/Shatter . Custom Physics Engine: Dial in the exact feel of your animation. Control the Area of Effect (cursor radius), Force Strength, Snap Back Speed (spring tension), and Friction. High-Performance Canvas: Built entirely on HTML5 Canvas, allowing for thousands of particles without dropping frames or lagging your Framer site. Color Mixing: Blend a primary and secondary color. Adjust the exact percentage mix to match your site's professional color palette perfectly. Perfect Fit Content Layout: Unlike old canvas elements, this component uses an invisible CSS buffer so it perfectly respects your layout flow without clipping. Granular Styling: Choose between circle or square particles, adjust their exact size, and dial the particle density up or down.

Interactive particle text animations.