---
title: "Noise Overlay — Free Framer component · Best of Framer"
description: "Free Framer component · by Maraslux · Effects. Noise Overlay adds film grain and texture to any element in your Framer project: heroes, cards, images, gradients, or full-page backgrounds."
canonical: "https://framer.elliotli.dev/component/noise-overlay"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Noise Overlay

# Noise Overlay

Live animated grain texture layer

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

![Noise Overlay preview image 1](https://framer.elliotli.dev/og/component/noise-overlay/da7be598c22769d9/1600x1200.jpg)

## Summary

Noise Overlay adds film grain and texture to any element in your Framer project: heroes, cards, images, gradients, or full-page backgrounds.

## Description

Noise Overlay adds film grain and texture to any element in your Framer project: heroes, cards, images, gradients, or full-page backgrounds. Free to use, no setup required.

Great for landing pages that need a premium editorial feel, portfolio sites, agency websites, or anywhere a flat design needs more depth and character.

Just drop it on top of any element, pick your blend mode, and you're done.

### Controls:

-   Color: Tint color of the grain.
    
-   Opacity: How strong the overlay appears.
    
-   Grain Size: Particle size. Higher = finer, lower = coarser.
    
-   Detail: Complexity of the noise texture.
    
-   Animated: Live flickering grain effect.
    
-   Speed: Animation speed in fps. Shows when Animated is on.
    
-   Blend Mode: How the grain blends with content below.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #824

## Details

- **Author**: Maraslux
- **Published**: 2026-03-03
- **Updated**: 2026-03-03
- **Added**: 2026-02-24
- **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