Text3D
Extruded, slowly floating 3D text rendered with drei <Text3D>, colored with --primary. Defaults to a typeface served from the jsDelivr npm mirror; pas
Extruded, slowly floating 3D text rendered with drei <Text3D>, colored with --primary. Defaults to a typeface served from the jsDelivr npm mirror; pass font to bundle your own.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | (required) | The string to extrude. |
size | number | 1 | Glyph size. |
depth | number | 0.3 | Extrusion depth. |
font | string | Helvetiker Bold (CDN) | Path/URL to a three.js typeface JSON. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
textstringThe string to extrude.
(required)sizenumberGlyph size.
1depthnumberExtrusion depth.
0.3fontstringPath/URL to a three.js typeface JSON.
Helvetiker Bold (CDN)classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"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.
Voronoi Shatter
A sphere fractured into Voronoi shards that drift apart and snap back together, each facet shading --accent to --primary by height.