component
Noise Overlay
By Maraslux
Details
- MarasluxAuthor
- componentType
- 2026-03-03Published
- 2026-03-03Updated
- 2026-02-24Added
- EffectsCategories
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.
- All · #1143