Open fire · Bonfire

Flames from a bed of embers: ridged turbulence rising and narrowing, a five-stop heat ramp from ember to white, sparks lifting off the top.

Open in studio

Settings

What this style sets on Open fire. Highlighted values differ from the default.

Background#050302
Ember#7a1002
Flame#ff6a00
Tip#ffd23f
Scale0.8
Height1.5
Speed0.9
Sparks1.8
Grain0.03

Ship it

Open it in the studio, tune it, then export a self-contained component for React, Vue, Svelte, Astro, Solid or vanilla JS, a PNG, GIF or video. Code export and 4K media are Pro.

Open in studio

More Open fire styles