Noise Overlay

Show Preview
Noise Overlay

About Noise Overlay

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.