Tilt Hero
A hero section with flat copy in front of floating UI cards at different depths that tilt with the pointer.
Preview
Everything your team ships, in one place
Plans, numbers and releases side by side. Move the pointer to look around.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Headline, copy and actions, kept flat in front of the scene. |
| cards | TiltHeroCard[] | — | Floating cards: { id, content, x, y, depth, rotate?, width? } with x and y in %. |
| maxTilt | number | 8 | Largest tilt of the scene towards the pointer, in degrees. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.