Network Graph
A living plexus of drifting nodes that connect when they come close. Links fade from --primary (near) to --muted-foreground (far).
A living plexus: drifting nodes connect when they come close, and each link fades from --primary (near) to --muted-foreground (far). Perfect for AI, data and infrastructure heroes.
Customize
Nodes60
Link distance1.4
Speed1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
nodes | number | 60 | Number of nodes. |
linkDistance | number | 1.4 | Max distance at which two nodes get linked. |
speed | number | 1 | Drift and rotation speed multiplier. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
nodesnumberNumber of nodes.
Default
60linkDistancenumberMax distance at which two nodes get linked.
Default
1.4speednumberDrift and rotation speed multiplier.
Default
1classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"