After seeing an online post with beautiful noise patterns & gradients, I decided to try and recreate it. The result was Grain, a simple web app that generates beautiful noise. Under the hood, this app uses multiple layers of SVGs that automatically rescale with the browsers viewport. That way, the noise is always crisp and clear, no matter the screen size.

  • Performant - SVG generation and layering is optimized
  • Small - Builds in less than 16 seconds
  • Open Source - Want to use my gradients? Check it out on GitHub.