GrainOverlay

Show Preview
GrainOverlay

About GrainOverlay

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.