Throw Away Work Slider
A wheel-driven project slider where the outgoing slide is thrown rather than faded. It shrinks to a quarter, rotates thirty degrees and flies two viewports off screen, while the incoming one enters from the opposite edge through a narrow clip path that widens to full frame. Copy is split fresh on every slide so words and lines climb out from behind their own masks. Input is rate limited to one slide per second so a fast scroll cannot stack transitions.
npx shadcn@latest add https://ui.aryank.space/r/throw-away-work-slider.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 | WorkSlide[] | Four BLANK projects | Title, description, tag list, link, and full-bleed image. The index readout and wrap-around both follow the array length. |
| linkLabel / tagsLabel | string | View Project / Tags | The per-slide link text and the tag column heading. |
slidestextTitle, description, tags, link, and image per project.
gsap