About Particle Button
Based on Particle Effects for Buttons by Luis Manuel / Codrops, rebuilt and expanded for Framer.
About
Particle Button is an animated CTA that dissolves into hundreds of particles on click or hover. Choose from 12 ready-made effects or create your own custom particle animation, set the sweep direction, and let the button rebuild automatically or remain dissolved as a one-shot interaction. It stays responsive, accessible, and usable throughout the animation.
What you can customize
Customize the label, link, trigger, return behavior, direction, particle preset, shape, fill style, colors, amount, size, speed, duration, easing, typography, padding, radius, background, and border. The self-contained Framer code component requires no external dependencies and includes keyboard and reduced-motion support.
Great for (examples)
Just a few ideas, use it anywhere you want a more memorable animated button or CTA interaction:
Animated CTA buttons and interactive buttons
SaaS websites and product landing pages
Startup launches and waitlist pages
Hero sections and conversion-focused CTAs
Creative portfolios and personal websites
Agency and design studio websites
Product launches and promotional pages
Event, gaming, and entertainment websites
Particle animations and dissolve effects
Hover effects, click animations, and microinteractions
Experimental interfaces and interactive brands
Responsive Framer templates
Share your build
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Explore more interactive components for your next project:
