---
title: "Noiser — Free Framer component · Best of Framer"
description: "Free Framer component · by Anton Proshkuratov · Effects. How to Use Drag Noiser onto the canvas."
canonical: "https://framer.elliotli.dev/component/noiser"
---

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

# Noiser

Procedural Noise Generator

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

![Noiser preview image 1](https://framer.elliotli.dev/og/component/noiser/81c03352638b261f/1600x1200.jpg)

## Summary

How to Use Drag Noiser onto the canvas.

## Description

The component is designed to stay clean and focused — it only includes controls that actually affect the visual result. Everything that can already be adjusted directly in Framer is intentionally left out. Built entirely with SVG filters.

## Component Properties

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ja0mwvfh-LiOoVs0HNPs98vtFiqWTFg6Ix7GXCa)

-   **Noise Types** — _Gaussian or Uniform turbulence._
    
-   **Color Modes** — _Mono, Duo, or Multi with adjustable opacity._
    
-   **Essential Controls** — _only properties that affect the noise._
    
-   **Animation** — _subtle motion with adjustable FPS._
    

## How to Use

1.  Drag Noiser onto the canvas.
    
2.  Resize it to the desired area.
    
3.  Adjust the noise settings in the properties panel.
    

## Notes

-   The component is click-through and won’t block interactions with elements underneath.
    
-   Opacity and blend modes can be adjusted directly in Framer.
    

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

-   All · #1414

## Details

- **Author**: Anton Proshkuratov
- **Published**: 2026-03-23
- **Updated**: 2026-09-22
- **Added**: 2026-03-11
- **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