About Better Grain
About Better Grain
Grain is easy in one hero. The tax shows up across a real page.
Better Grain is a Framer grain overlay built around embedded WebP tiles and sprite sheets, not per-instance noise generation. Drop it on a section, set Quality, Motion, and Scale, then reuse the same texture system across sections.
Motion Off stays static. Animated modes run stepped sprite loops near the viewport, with static fallbacks for Canvas and reduced-motion contexts.
Built for builders who need grain to survive the page, not just look good in one hero.
Why Better Grain
Shared texture assets
Static tiles and animated sprite sheets stay embedded and are reused across placements, instead of generating fresh noise per overlay.
Motion is gated
Animated grain stays static offscreen, then runs near the viewport using stepped CSS keyframes with Subtle and Normal presets.
Framer fallbacks are handled
Canvas, static render, restricted render, and reduced-motion contexts return to static texture instead of forcing animation.
The overlay stays passive
Better Grain is pointer-safe and hidden from assistive tech, so it adds texture without blocking clicks or becoming interface content.
Good fit / Wrong fit
Good fit: you need controlled grain across repeated Framer sections.
Wrong fit: you only want hero grain or a shader-level film look.
Contact & Support
Questions about setup, product, or licensing: alexandre@madebymash.com
