Cube Wave
A grid of instanced cubes riding a radial wave from the center outward, blending --accent troughs into --primary crests. One draw call.
A grid of instanced cubes riding a radial wave from the center outward. Each cube blends from --accent in the troughs to --primary on the crests — hundreds of cubes, one draw call.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
grid | number | 16 | Cubes per side (total = grid²). |
gap | number | 0.75 | Spacing between cube centers. |
speed | number | 1 | Wave 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. |
gridnumberCubes per side (total = grid²).
16gapnumberSpacing between cube centers.
0.75speednumberWave speed multiplier.
1classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Metaballs
A lava-lamp of liquid metaballs that merge and split as they orbit each other, surfaced with marching cubes and tinted with --primary.
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.