Metaballs
A lava-lamp of liquid metaballs that merge and split as they orbit each other, surfaced with marching cubes and tinted with --primary.
A lava-lamp of liquid metaballs that merge and split as they orbit each other, surfaced with marching cubes and tinted with --primary.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
blobs | number | 6 | Number of blobs. |
speed | number | 1 | Animation speed multiplier. |
resolution | number | 44 | Marching-cubes resolution (higher = smoother, heavier). |
roughness | number | 0.18 | Surface roughness (0–1). |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
blobsnumberNumber of blobs.
6speednumberAnimation speed multiplier.
1resolutionnumberMarching-cubes resolution (higher = smoother, heavier).
44roughnessnumberSurface roughness (0–1).
0.18classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Iso City
A procedural isometric skyline that rotates slowly under fog. Towers take their tones from --border and --muted-foreground; a few pulse with --primary.
Network Graph
A living plexus of drifting nodes that connect when they come close. Links fade from --primary (near) to --muted-foreground (far).