About Noise Reveal
What is Noise Reveal?
A Framer component that reveals images, videos or whole layouts through a glowing, grainy, feathered edge, like light burning through film. It plays on load, when scrolled into view, scrubbed by scroll, or from a variant change. When the reveal finishes, the real image or layout takes over, so the result stays sharp, accessible and light.
What you get
11 reveal directions: linear sweeps, diagonals, radial, edges in, splits and Organic Bloom
4 triggers: In View, On Load, Scroll and Variant
A scroll transformation: Scale From, Lift and Radius From, with smoothing and an option to stay revealed
Works with images, MP4 video, or any frame connected through Connected Stack
Look controls: Softness, Glow, Grain, Line Width, Waviness, Color Split, three colors and Seed
Duration, 6 easings, start and end events, and a Quality setting
Built for speed:
Sections are prepared before they scroll in.
Images are decoded off the main thread and sized for the screen.
The page shows plain HTML whenever nothing is moving.
Respects reduced motion, falls back without WebGL, handles video hosts that block cross-origin reads, and is safe for server rendering
Full documentation and a demo page
How to use it
Drop Noise Reveal on the canvas.
Choose Image, Video, or Connected Stack and connect a frame.
Pick a Trigger. In View suits most sections; Scroll suits heroes and feature images.
Pick a Preset, then adjust Softness, Glow and colors. Give repeated instances different Seeds.
Preview and publish.
