Depth Text
A heading extruded into 3D with stacked layers. It tilts toward the pointer so the sides show.
import { DepthText } from "pleate/effects/depth-text";Accent sides
DEPTH
Accent face, muted sides
Stacked
Props
- text
The heading.
string- layers / step
Layers behind the front and distance between them (px).
numberdefault 12 / 1.5- tilt
Maximum tilt (deg).
numberdefault 20- color / depthColor
Front face and side colors.
stringdefault fg / accent
Accessibility
- The front layer is the real text; the copies are hidden.
- Touch screens and reduced motion keep a fixed slight angle.