Skip to content

GrainOverlay

Grain, vignette&CRT scanlines for Framer

GrainOverlay preview image 1

Summary

Drop GrainOverlay on any frame and choose from four modes — all fully animated, all controlled from the property panel.

Description

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.

Rank history How rankings work →

1501100112818/149/49/2610/1811/9
  • All · #1108

Details

More like this