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