WaveTerrain
An undulating wireframe terrain seen in perspective. The grid is drawn with --primary over a faint --muted-foreground body, and its vertices are displ
An undulating wireframe terrain seen in perspective. The grid is drawn with --primary over a faint --muted-foreground body, and its vertices are displaced every frame.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
amplitude | number | 0.6 | Peak height of the waves. |
speed | number | 0.6 | Animation speed multiplier. |
density | number | 48 | Grid resolution (segments per side). |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
amplitudenumberPeak height of the waves.
0.6speednumberAnimation speed multiplier.
0.6densitynumberGrid resolution (segments per side).
48classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Globe
A dotted globe that rotates slowly with two orbit rings. The dots use --primary and the rings blend --primary with --muted-foreground. Fully theme-awa
FloatingShapes
A drifting cluster of low-poly shapes (icosahedra, octahedra, dodecahedra, tetrahedra) that float, rotate and react slightly to the pointer. Colors mi