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"Strange Attractor
The Aizawa attractor integrated live into one glowing orbit that never repeats, colored --primary to --accent with a sweeping head.
Text3D
Extruded, slowly floating 3D text rendered with drei <Text3D>, colored with --primary. Defaults to a typeface served from the jsDelivr npm mirror; pas