Video Card Stack
A 3D perspective deck of looping video cards. Clicking anywhere throws the front card down and off, then tucks it behind the stack with a staggered re-layout.
npx shadcn@latest add https://ui.aryank.space/r/video-card-stack.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 |
|---|---|---|---|
| videos | { id: string; title: string; category: string; date: string }[] | 4 Vimeo films | Looping muted players stacked as cards. |
| logoText / navLinks / ctaText | string / string[] / string | Directory / Home... / Contact | Navbar copy rendered above the stack. |
videoslinksVimeo id, title, category, and date per card.
logoText / navLinks / ctaTexttextThe chrome copy above the deck.
gsapreact-player