Parallax Scene
Layered scene primitive with per-layer cursor and scroll parallax, spring-smoothed motion, and reduced-motion fallbacks.
Cursor-driven
Three depth layers reacting to pointer movement.
Cursor parallax
Move the pointer
Objects react inside a shared motion field.
Sign in to view this example's source code.
Sign inScroll-driven
Scoped scroll area with per-layer scroll strength.
Floating stat card
Secondary info block
Scroll parallax
Depth reacts to scroll
Multiple elements now exist independently in the same field.
Each item has its own depth and motion response.
Sign in to view this example's source code.
Sign inMinimal
Minimal parallax scene
Subtle item A
Subtle item B
Focused item
Sign in to view this example's source code.
Sign inProps
| Name | Type | Default | Description |
|---|---|---|---|
| enableCursor | boolean | true | Pointer-driven layer offsets |
| enableScroll | boolean | false | Scroll-progress offsets when scrollRef is set |
| scrollRef | RefObject<HTMLElement> | scene ref | Scroll container for scroll-driven parallax |
| depth | number | 0.5 | ParallaxLayer depth from far (0) to near (1) |
| cursorStrength / scrollStrength | number | depth | Per-layer multipliers overriding depth defaults |