Noise Field

A grid of flowing arrows driven by layered sine-wave noise — like wind mapped on a weather chart. Hover to create a swirling vortex at the cursor.

BackgroundsCanvasInteractive

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-field.json"
2

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

Optional
<html class="dark">

More like this