Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-parallax.json
- Purpose
- Create depth with restrained foreground-background speed differences while keeping primary content stable.
- Trigger
- Drive from page scroll, binding travel to the container's visible range.
- Interruptibility
- Follow current scroll position directly when direction changes, with no catch-up animation.
- Reduced motion
- Fix every layer at its clearest informational position and remove differential movement.
parallaxParallaxLayers respond to the same scroll input at different displacement rates, creating apparent depth.