Skip to content

component

Noise Overlay

By Maraslux

Details

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.

Introduction

Live animated grain texture layer

Rank history

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

1501100113818/148/228/309/79/15
  • All · #1143