Turn any text into a dynamic particle animation. Particle Text samples your text and transforms it into hundreds or thousands of tiny particles that scatter, gather, drift, and react to the pointer.
Live Preview: https://particletext.framer.ai/
Gumroad Link: https://rohitanand.gumroad.com/l/uehnj?wanted=true
Custom Text — Use any word, phrase, or headline.
Particle Size — Control the size of individual particles.
Density — Adjust how detailed the particle text appears.
Custom Colors — Choose a base color and highlight color.
Scatter Animation — Particles fly in from around the text and gather into shape.
Hover Trigger — Rebuild the text when the pointer enters.
Click Trigger — Trigger the particle animation on click.
Pointer Repel — Push particles away from the cursor.
Repel Radius — Control the area affected by the pointer.
Idle Drift — Add subtle movement after the text forms.
Glow — Add a soft particle glow effect.
Custom Font Size — Supports responsive CSS values such as clamp().
Custom Font Weight & Family — Match your website typography.
Reduced Motion — Respects the user's system motion preference.
Responsive — Automatically rebuilds particles when the component resizes.
Performance Optimized — Rendering pauses when the component is outside the viewport.
Framer Marketplace Ready — Includes a static-renderer fallback for Framer's canvas and export environments.
Hero sections, landing pages, portfolios, creative websites, Web3 projects, interactive headings, loading screens, and experimental typography.
No setup required. Drop it onto your Framer canvas, customize the controls, and you're ready to go.
