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 @compronents/split-card-scrollInstalls 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 |
|---|---|---|---|
| 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