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.

Fullscreen

Customize

Text

Size0.9

Depth0.3

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.

textstring

The string to extrude.

Default(required)

sizenumber

Glyph size.

Default1

depthnumber

Extrusion depth.

Default0.3

fontstring

Path/URL to a three.js typeface JSON.

DefaultHelvetiker Bold (CDN)

classNamestring

Classes for the wrapper element (set its height here).

Default—

theme"auto" | "light" | "dark"

Color source. auto reads the live shadcn theme.

Default"auto"