nowfound

Work · November 28, 2021

nnnoise

Generate SVG noise textures

nnnoise launched on November 28, 2021 with 89 votes, #518 of 2,925 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 4 years on.

Visit fffuel.co ↗nnnoise alternativestop 18% of November 2021

What it does

A simple tool to generate SVG noise textures that can be used to add a subtle organic/analog feel to elements and pages on the web.

Use this SVG generator to create subtle noise textures and add an organic feel to pages/elements on the web by using these textures as background images.

This SVG noise generator tool allows you to quickly and easily create noise textures to use in your web designs via CSS background images. The generated textures are great to add a subtle organic feel to the background color of elements on a page or to a whole page. For example, instead of having a solid-colored background, you could generate a very subtle SVG texture using this tool for a more organic feel. To use the generated textures, simply add something like this to your CSS: body { background-image: url('/nnnoise.svg'); } For tiling the texture as a background in CSS you probably don't need to do anything more since the CSS initial value for background-repeat is repeat . If for some…from fffuel.co

Does a similar job

all alternatives →
  • SVG Background Generator2018 · svgbackgrounds.com · ▲296

    Customize, scalable backgrounds and patterns for free

  • SVG Mesh Gradient Generator2022 · magicpattern.design · ▲257

    Create unique customizable SVG gradients with MagicPattern

  • TJ
    Textures.js, SVG Patterns for Data Visualization2015 · riccardoscalco.github.io · ▲404

    A JavaScript Library for creating SVG patterns

  • noice2022 · noice.vercel.app · ▲15

    Noice helps generate SVG filters for noise textures

  • Haikei2021 · haikei.app · ▲433

    Generate unique SVG design assets in just a few seconds

  • gggrain2022 · fffuel.co · ▲102

    SVG generator for grainy analog-feeling gradients

More work this month

the category →

Source: Product Hunt launch ↗

Launched alongside, November 2021

the whole month →