---
title: "Pixel Blast — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Backgrounds. Pixel Blast adds eye-catching click-to-burst particle animations to your Framer projects."
canonical: "https://framer.elliotli.dev/component/pixel-blast"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Pixel Blast

# Pixel Blast

Pixelated blast reveal effect

[View on Framer](https://framer.com/marketplace/components/pixel-blast/?via=elliot-li)

![Pixel Blast preview image 1](https://framer.elliotli.dev/og/component/pixel-blast/ffe76c70c12242b2/1600x1200.jpg)

## Summary

Pixel Blast adds eye-catching click-to-burst particle animations to your Framer projects.

## Description

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8018

## Details

- **Author**: Francisc Toth
- **Published**: 2025-12-08
- **Updated**: 2026-09-14
- **Added**: 2025-12-03
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background