GrainOverlay
Add cinematic depth to any frame. Four modes: animated film grain, vignette, CRT scanlines, or all combined. Fully controlled from the property panel — intensity, speed, blend mode. Works on any background. Zero setup.
About this Component
Add instant cinematic depth to any Framer project. Drop GrainOverlay on any frame and choose from four modes — all fully animated, all controlled from the property panel.
Four modes:
- Grain — animated film noise that flickers like real 35mm
- Vignette — dark edge vignetting with grain layered on top
- Scanlines — horizontal CRT screen lines for a retro feel
- All Layers — the full cinematic stack combined
Property controls:
- Grain intensity
- Animation speed (fps)
- Grain size
- Vignette strength
- Scanlines opacity
- Blend mode
Works on any background — dark, light, image, video, gradient. Zero dependencies, pure code component, no configuration needed.
