Split Card Scroll
Three joined cards pinned on scroll: the strip narrows, splits apart into rounded cards with a gap, then each card flips to its colored back with staggered tilt.
npx shadcn@latest add https://ui.aryank.space/r/split-card-scroll.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 |
|---|---|---|---|
| cards | [SplitCard, SplitCard, SplitCard] | 3 BLANK-hosted JPGs | Front covers and colored backs of the strip. |
| embedded | boolean | true | Own the scroll container; set false to ride the window scroll. |
cardslinksCover image, label, text, and back color per card.
introText / headerText / outroTexttextThe serif copy around the card strip.
gsaplenis