KQ-042 · PARALLAX/SCENE
Parallax Scene
A depth-layered diorama that parades its layers past the pointer — each sits at its own depth, the whole scene tilts toward your cursor and drifts back on leave.
KQ-042 · PARALLAX/SCENE
Bay 04kPa
128.6
Live
Move the pointer — depth responds.
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/parallax-scene
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | ParallaxLayer elements, back to front (max ~4). |
| maxTilt | number | 8 | Degrees the scene rotates toward the pointer. |
| Layer.depth | number | — | 0 is far and moves least; 1 is near and moves most. |