---
title: "Pixel Fire — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Shivani Das · Effects. Pixel Fire is a premium, fully customizable WebGL pixel-grid flame shader built for Framer."
canonical: "https://framer.elliotli.dev/component/pixel-fire"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Pixel Fire

# Pixel Fire

A pixelated fire shader

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

![Pixel Fire preview image 1](https://framer.elliotli.dev/og/component/pixel-fire/829bbd580c000c0c/1600x950.jpg)

## Summary

Pixel Fire is a premium, fully customizable WebGL pixel-grid flame shader built for Framer.

## Description

**Elevate Your Framer Sites with High-Performance WebGL Pixel Grids — Pixel Fire**

Pixel Fire is a premium, fully customizable WebGL pixel-grid flame shader built for Framer. It brings the warm, dynamic, and responsive motion of procedural fire to your designs without heavy 3D package overhead. Pixel Fire gives you an interactive flame grid background.

_This pattern is a part of a mini shader library called Pixel Library. 30 more unique pixel pattern bundle is available at_ [www.vectorvesper.dev/pixel-lab](https://www.vectorvesper.dev/pixel-lab)

(It does not include the text and image effects)

**🏁 Designed for Modern Layouts**

Pixel Fire is perfect for high-impact hero sections, modern dark-themed landing pages, interactive background cards, and responsive website headers. Simply place it on your canvas, set it to fill, and watch your design come to life.

**✨ Features Built for Framer**

1.  Full Customization: Tweak Grid Size, Speed, 4-Color Gradient Palettes (Background, Midtones, and Highlights), and Noise Jitter directly inside Framer's right-side control panel.
    
2.  Multiple Pixel Shapes: Easily toggle between Circle, Square, and Diamond pixel styles to match your website's brand identity.
    
3.  Real-Time Interactivity: Enable mouse hover tracking, custom pointer glow sizes, and interactive click ripple effects with adjustable strength.
    
4.  Hover-Freeze: Cursor effects freeze smoothly at their exit coordinates when the mouse leaves the canvas, preventing jarring snaps.
    
5.  Zero Dependencies: Written in raw GLSL and WebGL. Loads instantly & runs smooth.
    

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

-   All · #8222

## Details

- **Author**: Shivani Das
- **Price**: $9.00
- **Published**: 2026-07-13
- **Updated**: 2026-07-14
- **Added**: 2026-07-13
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo