Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?
My husband and I run a small two-person studio, working together on Framer and Webflow projects.
Alongside our individual portfolios, we’re also bringing our shared projects together into case studies. There’s a bit of catching up to do, so we’ll be sharing more of that work here as we go.
Here’s one of them: Gravitation, a fitness studio website concept.
A bold, modern website concept for a fitness studio, designed to communicate energy, movement, and strength while keeping the user experience clear and intuitive.
Love that you're turning the shared work into proper case studies. Writing them up is the part most small studios never get round to. How do you two split a project: one designs and one builds, or do you both do a bit of everything?