About ParticleDisperse

About this Component

Transform any text into dynamic particle systems that explode and reform on hover. Features customizable dispersion physics, particle density, and smooth return animations—fine-tune every detail: adjust size, gap, spread, and speed for unique styles.

Text Particle Disperse transforms static headings into living particle clouds that react to cursor movement. Built with real-time physics simulation and GPU acceleration, it creates dramatic scatter effects with elegant reformation, adding energy and sophistication directly inside your Framer layout—no code or WebGL knowledge required.

The effect ranges from subtle micro-movements to explosive dispersions, perfect for hero text, call-to-actions, and experimental typography in portfolios or brand sites.

Key Features

Easy editing inside FramerFully controllable through Framer's property panel. No code needed.
Text Particle DisperseHover triggers particles to scatter with customizable physics and momentum.
Particle SizeControl individual particle dimensions from 1px for subtle effects to larger clusters (1px default).
Particle GapAdjust spacing between particles for dense clouds or scattered formations (1px default).
Dispersion AmountSet explosion radius and spread intensity up to 370px for dramatic reveals.
Return SpeedFine-tune reformation timing from instant snap-back to smooth 0.08s ease (0.08 default).
Animation DurationControl overall effect timing for perfect pacing (1s default).

This component is a powerful tool for designers seeking high-impact text micro-interactions with zero complexity. Use it for hero headings, menu triggers, or interactive quotes to add premium motion design to your Framer projects—just drop it in, swap your text, and adjust the sliders.

Best For