Extruded Text
Headline text extruded into a shaded block with layered text-shadows that swing and tilt with the pointer, with an ember variant.
Preview
Build loud.
Move the pointer over the headline: the extrusion swings with your view.
Ember
Ember sides · depth 10
2026
Static · depth 6
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | — | The words to extrude. |
| as | "h1" | "h2" | "h3" | "p" | "span" | "h2" | Element to render. |
| depth | number | 12 | Depth of the extrusion in px. |
| tone | "ink" | "ember" | "ink" | Side colour: shaded ink or ember. |
| interactive | boolean | true | Follow the pointer: the extrusion swings and the word tilts. |
| maxTilt | number | 10 | Largest tilt towards the pointer, in degrees. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.