Neuro Noise

Installation

npm i @paper-design/shaders-react

Code

import { NeuroNoise } from '@paper-design/shaders-react';

<NeuroNoise
  style={{ height: 500 }}
  colorFront="hsl(0, 0%, 100%)"
  colorMid="hsl(202, 100%, 50%)"
  colorBack="hsl(0, 0%, 0%)"
  brightness={0.05}
  contrast={0.3}
  scale={1}
  rotation={0}
  speed={1}
/>

Props

colorBack, colorMid, colorFront

Colors used for the effect.

brightness

Brightness.

contrast

Contrast.

scale

Overall pattern zoom.

rotation

Overall pattern rotation angle.

speed

Animation speed.

Description

Fractal-like structure made of several layers of sine arches.