ParticleText

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.