ParticleText
Animate text with customizable particle effects: bubbles, hearts, confetti, fire, or lines. Control color, size, quantity, and font for stunning interactive typography.
Made with Workshop
Build your own component with AI
ParticleText – Dynamic Particle Effects for Text
Add interactive flair to your text with ParticleText, a powerful Framer component that transforms static text into animated, eye-catching typography. With five animation styles, customizable colors, particle size, quantity, and font, you can create a playful or elegant text experience in seconds.
Animation Styles:
Bubbles – Gentle spheres that float upward.
Hearts – Romantic heart-shaped particles with rotation.
Confetti – Vibrant pieces that spin and fall dynamically.
Fire – Flickering flames with glowing inner color.
Lines – Vertical lines that oscillate for modern visual effects.
Key Features:
Fully customizable text, including font family, size, weight, spacing, and line height.
Adjustable particle density with quantity for subtle or dense effects.
Scalable particle size with size control for precision.
Dual-color support for confetti and fire effects.
Responsive animations that adapt to container size and viewport height.
Automatic resize handling for dynamic layouts.
Lightweight, declarative, and fully compatible with Framer.
Where to Use:
Hero sections, banners, and landing pages to make key messages pop.
Event promotions, social media graphics, or marketing campaigns.
Interactive presentations or playful UI elements in apps and websites.
Best For:
Designers and developers who want dynamic, animated text without custom coding.
Framer users creating attention-grabbing headlines or playful typography.
Marketing teams looking to highlight calls to action or promotions with style.
