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.