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 @compronents/video-card-stackInstalls 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 |
|---|---|---|---|
| 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