Particle Button

About Particle Button is an animated CTA that dissolves into hundreds of particles on click or hover.

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: Camo Liquid Button ✨ Newsletter Button ✨ Explore all components 💪

Turn every click into a moment