Noise Background

A canvas-based grain background of randomly scattered dots that illuminate with a soft Gaussian glow and organic connection lines on hover.

BackgroundsCanvasInteractive
Noisehover to illuminate

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/noise-bg.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this