component
GrainOverlay
By ahmad shaarawy
Details
- ahmad shaarawyAuthor
- componentType
- 2026-06-05Published
- 2026-06-05Updated
- 2026-05-30Added
- EffectsCategories
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.
- All · #816