---
title: "GrainOverlay — Free Framer component · Best of Framer"
description: "Free Framer component · by ahmad shaarawy · Effects. Drop GrainOverlay on any frame and choose from four modes — all fully animated, all controlled from the property panel."
canonical: "https://framer.elliotli.dev/component/grainoverlay"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/GrainOverlay

# GrainOverlay

Grain, vignette&CRT scanlines for Framer

[View on Framer](https://framer.com/marketplace/components/grainoverlay/?via=elliot-li)

![GrainOverlay preview image 1](https://framer.elliotli.dev/og/component/grainoverlay/73d9701caae46892/1600x1200.jpg)

## 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 →](/terms#rankings)

-   All · #1108

## Details

- **Author**: ahmad shaarawy
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-05-30
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows