Depth Text

Letterpress under a light from above: glyphs extruded down into the paper in warm ink layers, a hairline of edge-light kissing the top of every letter, and an optional subtle lean toward the cursor.

Draw

draw a card

$npx shadcn@latest add @clow/depth-text

First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}

Full setup →

Playground

props

depth

tilt

children

<DepthText>CLOW</DepthText>

Examples

basic

Props

prop	type	default
depth	number	4
tilt	boolean	true
children	text	CLOW