Ignite Reveal

Ignite Reveal adds a cinematic burn-through reveal to any frame or image in Framer. The effect can ignite from the cursor, a fixed edge, the center, or a custom point, then spread organically with a glowing flame front, charred damage zone, and subtle heat warp.

It is designed for editorial layouts, portfolio covers, launch sections, and dramatic transitions where a standard hover effect feels too flat. You can run it on hover, autoplay it, or drive it manually through Framer interactions.

UsagePaste the component URL onto your Framer canvas, place the component in your layout, then choose an image from the properties panel. Set the trigger mode, pick an ignition point, and fine-tune the burn controls to match your composition.

Features

• Cinematic burn-through reveal with glowing and charred transition detail

• Multiple trigger modes: hover, auto, and manual

• Flexible ignition options: pointer, center, edges, or custom coordinates

• Organic edge breakup shaped by procedural noise

• Heat distortion control for added motion realism

• Performance controls for render scale, max DPR, and offscreen pausing

Recommended for

• Hero images

• Portfolio case study covers

• Interactive editorial sections

• Reveal transitions

Performance notes

• Reduce Scale first if you want lighter GPU usage

• Lower Max DPR on very large sections

• Keep Pause enabled for production pages with multiple animated sections

For best results, use high-quality images with strong contrast and enough visual detail for the burn edge and scorched transition to read clearly.