Theme

Neuro Noise

Free

A glowing web of fluid lines and soft intersections with controls for brightness, contrast, and palette. Adapted from Neuro Noise by Paper Shaders (shaders.paper.design) under the Apache 2.0 license.

Loading code...

Starwind Dependencies

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Upgrade to Pro

Failed to load code. Please try again.

Code

Usage

<ShaderNeuroNoise
  backgroundColor="#000000"
  highlightColor="#ffffff"
  strandColor="#47a6ff"
  crossingBrightness={0.05}
  strandContrast={0.3}
  pulseSpeed={1}
  graphicScale={1}
  graphicRotation={0}
  graphicOffsetX={0}
  graphicOffsetY={0}
/>

Props

prop	type	default	description
`highlightColor`	`string`	`#ffffff`	Color of the brightest crossing points. Accepts any CSS color.
`strandColor`	`string`	`#47a6ff`	Main color of the strands. Accepts any CSS color.
`backgroundColor`	`string`	`#000000`	Background color behind the strands. Accepts any CSS color.
`crossingBrightness`	`number`	`0.05`	Brightness of the crossing points. Range 0 to 1.
`strandContrast`	`number`	`0.3`	Sharpness between the strands and the background. Range 0 to 1.
`pulseSpeed`	`number`	`1`	Animation speed. 0 stops the animation. Range 0 to 2.
`graphicScale`	`number`	`1`	Overall zoom level of the graphic.
`graphicRotation`	`number`	`0`	Rotation of the graphic in degrees.
`graphicOffsetX`	`number`	`0`	Horizontal offset of the graphic center.
`graphicOffsetY`	`number`	`0`	Vertical offset of the graphic center.
`graphicFit`	`"none" \| "contain" \| "cover"`	`none`	How the graphic fits the canvas.
`opacity`	`number`	`1`	Sets the overall opacity of the shader background wrapper.
`maxDpr`	`number`	`1.5`	Caps device pixel ratio for sharper output without runaway GPU cost.
`maxFps`	`30 \| 45 \| 60`	`60`	Caps the animation frame rate for performance-sensitive pages.