Pixel Blast
Click-triggered pixel burst animation with customisable shapes. Create stunning interactive particle effects with circles, squares, diamonds, triangles, stars, and crosses.
Make it with Workshop
Build your own component with AI
Click-triggered pixel burst animation with customisable shapes. Create stunning interactive particle effects with circles, squares, diamonds, triangles, stars, and crosses.
Make it with Workshop
Build your own component with AI
Pixel Blast adds eye-catching click-to-burst particle animations to your Framer projects. Perfect for creating memorable interactive moments on hero sections, buttons, backgrounds, and landing pages.
Click-triggered bursts — Particles only appear on click for clean, intentional interactions
6 distinct shapes — Circle, Square, Diamond, Triangle, Star, and Cross
Fully customisable — Control particle size, color, speed, intensity, thickness, and duration
Hover hint — Built-in customisable instruction text guides users to interact
Transparent background — Layer seamlessly over any design
Smooth performance — GPU-accelerated WebGL rendering
Edge fade — Soft vignette effect for polished edges
Shape variant (Circle, Square, Diamond, Triangle, Star, Cross)
Particle color
Pixel size & size jitter
Ripple intensity, speed, thickness & duration
Edge fade amount
Hint text, color & visibility
Hero sections & landing pages
Interactive backgrounds
Call-to-action buttons
Portfolio showcases
Creative agency websites
Product reveals
Micro-interactions
Drop the component onto your canvas, customize the colors to match your brand, and you're ready to go. No code required.
