Noiser

Show Preview
Noiser

About Noiser

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

  • Noise TypesGaussian or Uniform turbulence.

  • Color ModesMono, Duo, or Multi with adjustable opacity.

  • Essential Controlsonly properties that affect the noise.

  • Animationsubtle 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.