Better Grain
Better Grain is a Framer component for adding film grain and texture overlays to sections, pages, and full site builds. It uses embedded WebP textures instead of a canvas loop, so you can use static or animated grain without generating noise at runtime.
Grain that survives the page.
Drop it on a section. Choose Quality, Motion, and Scale. Done.
Use it for editorial pages, dark sections, portfolios, video sites, landing pages, product pages, and any Framer build that needs texture in more than one place.
Motion Off stays static. Animated modes use WebP sprite sheets and viewport gated animation. Better Grain was stress tested with 100 instances, because a grain overlay should survive a real page, not just a clean hero demo.
Better Grain is not a film simulator.
It is not a shader engine.
It does not fix overloaded media or bad page structure.
It is a clean grain overlay for Framer that adds texture, stays light, and gets out of the way.
