I just built a fire effect that runs entirely on the GPU 🔥

I created Fire Background WebGL, a Framer Code Component built with WebGL shaders , no external animation library required.

You can control the:

🔥 Fire intensity

📏 Height & width

✨ Sparks

⚡ Animation speed

🖱 Mouse interaction

🎨 Background

But the part I'm most proud of isn't just the visual.

I designed it to be viewport-aware, so the animation pauses when the component isn't visible, reducing unnecessary rendering on longer Framer pages.

Built for designers who want high-impact visuals without sacrificing control or performance.

Would you use something like this on your next Framer site?

I just built a fire effect that runs entirely on the GPU 🔥

I created Fire Background WebGL, a Framer Code Component built with WebGL shaders , no external animation library required.

You can control the:

🔥 Fire intensity

📏 Height & width

✨ Sparks

⚡ Animation speed

🖱 Mouse interaction

🎨 Background

But the part I'm most proud of isn't just the visual.

I designed it to be viewport-aware, so the animation pauses when the component isn't visible, reducing unnecessary rendering on longer Framer pages.

Built for designers who want high-impact visuals without sacrificing control or performance.

Would you use something like this on your next Framer site?