# Scroll Split Product Slider

> Scroll-driven split-screen product slider: each scroll step lifts the copy out line by line, then the next photo slides over the last and turns square. Snaps, loops both ways, round seam thumbnails. GSAP ScrollTrigger, light and dark.

- Author: [Kedhareswer Naidu](https://21st.dev/@kedhareswer)
- License: mit
- Tags: Carousel, Ecommerce, Hero, Scroll Animation, Slider
- npm dependencies: gsap
- Live preview: https://21st.dev/@kedhareswer/components/split-photo-slider

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kedhareswer/split-photo-slider?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/carousel.md