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 https://ui.aryank.space/r/sticky-parallax-slides.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| 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