NOISE REVEAL · FRAMER COMPONENT
On Load · Bottom to Top · Transparent reveal over the page background
Linear sweeps, radial bursts, edges closing in, organic blooms. Each card below plays once as it scrolls into view, with its own seed and glow.
Left to Right
Architecture
Radial
Travel
Split Horizontal
Street
Diagonal ↗
Product
Edges In
Portrait
Organic Bloom
Interior
Drop in an MP4 and the same reveal plays over moving footage. Video is muted and looped, pauses when it scrolls out of view, and respects reduced motion.
Footage from Pexels, Pixabay and MDN, all free to use. Reveal Style is set to Curtain, so it works with any video host.
Set the trigger to Scroll and the reveal is scrubbed by the page itself. The image grows from a smaller, rounder shape while the glowing edge sweeps across, and it reverses as you scroll back.
Scroll Start 92% · End 25% · Smoothing 25%. The right image uses a larger Lift for a staggered feel.
Switch the mode to Connected Stack and any frame can be revealed: pricing, quotes, forms, whole sections. The curtain colour is picked up from the background automatically.
Four triggers
Variant, On Load, In View and Scroll. Reduced motion is always respected.
Eleven presets
Sweeps, radial, edges in, splits and organic bloom, with ease and duration control.
Look controls
Glow, grain, line width, waviness and a two-colour edge split.
Image, video or layout
Reveal media, or connect any frame in Stack mode.
Auto curtain
Detects the background behind it, so there is no colour to match by hand.
Fast by design
Quality levels, pooled WebGL contexts and a CSS fallback where WebGL is missing.