Sticky Parallax Slides
A pinned horizontal run where the images resist the track. Each photo is held at 1.35 zoom and pushed back a quarter of the slide width as its panel crosses, so the frames slide over the pictures instead of carrying them. Only the outgoing and incoming pair are offset at any moment. Titles are governed by an IntersectionObserver against the slider, so the caption swaps at the quarter visible mark and steps back correctly on reverse.
npx shadcn@latest add @compronents/sticky-parallax-slidesInstalls from ui.aryank.space. Needs a registry token and a one-time @compronents entry in components.json. The docs walk through both.
Checking access…
| Prop | Type | Default | Description |
|---|---|---|---|
| slides | StickyParallaxSlide[] | Five BLANK interiors | Image plus a two line title. Track width scales to the slide count automatically. |
| outroHeading | string | BLANK copy | The closing screen after the pin releases. |
| embedded | boolean | true | Own the scroll container so it fits a bounded box. Set false to drive it from the window scroll. |
slidestextPanel images and their two-line titles.
gsaplenis