Pixel Blast

Show Preview
Pixel Blast
Pixel Blast

About Pixel Blast

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.

Features

  • 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

Controls

  • 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

Perfect For

  • Hero sections & landing pages

  • Interactive backgrounds

  • Call-to-action buttons

  • Portfolio showcases

  • Creative agency websites

  • Product reveals

  • Micro-interactions

Easy Setup

Drop the component onto your canvas, customize the colors to match your brand, and you're ready to go. No code required.

From Francisc Toth

GridMosaic
Liquid Ether FX
Floating Lines FX
StochasticSwarm

Related Components

Glyph Trail
Ripple background
ScrollColorSwitch
Shader Backgrounds