Tesseract
A 4D hypercube in double rotation projected into 3D — the inner cell endlessly swells through the outer, struts shading --accent to --primary by 4D depth.
A 4D hypercube spinning in two orthogonal 4D planes at once, projected into 3D with w-perspective — the inner cell endlessly turns itself inside out through the outer one. Struts and corner nodes shade from --accent to --primary by their depth in the 4th dimension.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | number | 1 | Overall projected scale of the hypercube. |
speed | number | 1 | Rotation speed multiplier (4D and 3D spins). |
thickness | number | 0.05 | Strut radius. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
sizenumberOverall projected scale of the hypercube.
1speednumberRotation speed multiplier (4D and 3D spins).
1thicknessnumberStrut radius.
0.05classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Voronoi Shatter
A sphere fractured into Voronoi shards that drift apart and snap back together, each facet shading --accent to --primary by height.
Pendulum Wave
A row of pendulums with stepped periods drifting into snakes, arches and chaos before snapping back in phase, bobs tinted --accent to --primary across the swing.