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 @compronents/throw-away-work-sliderInstalls 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 | 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