Skip to content

component

GrainOverlay

By ahmad shaarawy

Details

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.

Introduction

Grain, vignette&CRT scanlines for Framer

Rank history

Daily rank per list, from the first snapshot — lower is better.

12515017519208/148/228/309/79/15
  • All · #816