Dev Design LibraryTailwind CSS Card Stack Components
Dev Design Library indexes 72 Tailwind CSS card stack components from 22 open-source UI libraries, with the most coming from Amicro Micro Transitions, uselayouts, Watermelon UI, UI Lab and Componentry. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Card stack components belong to the Data display group.
Agent Suggest Card StackCult UI · ReactStack of suggestion cards for AI agent responses
Card with stacked depth effectReUI · ReactCard with stacked depth effect
Card Cascade StaggerAmicro Micro Transitions · ReactStack of cards that cascade into place one after another.
Throw DeckKokonut UI · ReactA pile of image cards you drag, flick off the top and send under the deck, with arrow keys and a details view.
Card DealerbeUI · ReactA card table with a face-down deck, a fanned hand and a discard pile. Cards arc across the table between them and flip…
Elastic StackVengeance UI · ReactHorizontal expanding staggered stack
Queued message stackFluid Functionalism · ReactSonner-style stack of queued composer messages: collapsed cards fan out on hover (tap on touch), drag to reorder, a…
Stacked Cards EffectOpenSourceUI · React
Accessible Actionuselayouts · ReactInteractive draggable card stack with 3D tilt, swipe-to-back gestures, click interactions, random rotation, and smooth…
Case Study Flip StackComponentry · ReactEditorial case study cards that fold upward on scroll to reveal the next story.
Scroll Flying CardsGreatUI · React
Diagonal Card StackRewamp UI · ReactExact recreation of the diagonal cascading card stream & stacked deck collapse animation.
Depth TilesSona UI · ReactAn infinite layered tile stack with autoplay, depth transitions, and horizontal drag navigation.
Card CueWatermelon UI · React
Changelog StackUI Lab · ReactFiles each release card behind the stack like a hand riffling index cards.
NotificationsFLX UI · ReactA fanned stack of notification cards.
Animated TabsVelora UI · ReactTabs with a gliding pill and panels stacked like cards that peek behind.
Interactive Fun FactsSpaceUI · ReactInteractive 3D stacked quiz game block with True/False feedback, live score counter, progression indicators, and…
Notification StackEaseUI · ReactA deck of notification cards: collapsed to the top card with peeking edges behind it, fanning into a readable list on…
Glass NotificationOpaline · ReactiOS notification banner plus a stack that fans out on hover.
Diagonal CarouselReactFrame · ReactSquare cards fan out diagonally into a stacked deck, each inactive card rotates and offsets away from the active one…
Card StackAceternity UI · React
Card Stack PeelAmicro Micro Transitions · ReactLayered card index tab that peels down in 3D perspective to reveal underlay.
Verse CardsVengeance UI · ReactNav trigger that fans a deck of cards up with a GSAP reveal
Bookshelfuselayouts · ReactA shelf of cloth-bound books. Pull one out and it opens on the desk: covers swing on a hinge and pages turn by the…
Layered StackComponentry · ReactA stack of layered cards that interact with mouse hover.
Perspective Flip DeckRewamp UI · ReactExact recreation of Recording 2026-09-15 154736.mp4: 3D isometric perspective fanned card deck. When cycling, the…
Fan ViewSona UI · ReactA fanned card menu with controlled state, item callbacks, keyboard dismissal, outside-click handling, and…
Card Cue BaseWatermelon UI · React
Stacked DrawerUI Lab · ReactStacks iOS sheets that push the page back and drag down to dismiss.
Card StackVelora UI · ReactDeck that shuffles the top card to the back on a timer.
ToastEaseUI · ReactToasts that stay long enough to read based on their word count, and pause while hovered or while the tab is in the…
Glass Scroll StackOpaline · ReactGlass cards that pin and pile up as you scroll, shrinking as new cards land on them.
Image Deck 3DReactFrame · ReactA single image split into a stacked deck of shape-clipped layers (rectangle, circle, hexagon, star, blob and more)…
TabsAceternity UI · React
Smart Card DispenserAmicro Micro Transitions · ReactCredit card dispensing slot ejecting smart pass upwards on trigger.
Editorial Deckuselayouts · ReactA stacked editorial story deck. Drag the front card and it springs back into the pile.
Orbit Card StackComponentry · ReactPremium hover card deck that fans outward and lifts the active card without changing its color or angle.
Notification StackSona UI · React
Card SwipeWatermelon UI · React
Sticky StackUI Lab · ReactCards pile up and sink back as you scroll.
Featured testimonialVelora UI · ReactOne rotating quote with crossfading portraits, framed by a beam card over a row of counting stats.
Glass StackOpaline · ReactA deck of glass cards — swipe the top one away to reveal the next.
Card Arc5Amicro Micro Transitions · React
Memory Card Stackuselayouts · ReactA fanned deck of five photographs. Start brings the top card up, then you page through it with the controls or throw…
Sticky Scroll CardsComponentry · ReactA scroll-driven card stack where images pin and scale as you scroll, creating a layered depth effect.
Layered Progressive DisclosureWatermelon UI · React
Swipe DeckUI Lab · ReactFling a card away and the rest of the deck steps forward.
Glass ToastOpaline · ReactImperative toasts on glass that stack into a deck, fan out on hover and swipe away.
Card Arc7Amicro Micro Transitions · React
Photo Albumsuselayouts · ReactTilted album stacks that expand into a shared-element photo grid.
List StackWatermelon UI · React
Wallet CardsUI Lab · React
Card Corner FanAmicro Micro Transitions · React
Polaroid Stackuselayouts · ReactSeven Polaroids sit in a pile. Hover and they fan into an arc from one corner.
List Stack BaseWatermelon UI · React
Card Linear SpreadAmicro Micro Transitions · React
Pop Tilt Cardsuselayouts · ReactInteractive tilt card deck with smooth hover animations, 3D popping effects, images, links, and customizable card…
Revealing CardsWatermelon UI · React
Card Long Arc5Amicro Micro Transitions · React
Rolling Card Stackuselayouts · ReactIt’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer…
Revealing Cards BaseWatermelon UI · React
Card Scatter SpreadAmicro Micro Transitions · React
Scroll Stack Deckuselayouts · ReactScroll-linked project cards that pin in the viewport and stack, scale, and settle as you move down the page.
Wiggling CardsWatermelon UI · React
Card Stamp ArcAmicro Micro Transitions · React
Stack Scroll Revealuselayouts · ReactScroll-linked case-study cards that pin in the viewport and peel, scale, and fade as you move down the page.
Wiggling Cards BaseWatermelon UI · React
Card Time MachineAmicro Micro Transitions · React
Stacked Listuselayouts · ReactAn expandable list widget with a stacked layout and smooth morphing transitions.
Card Wheel FanAmicro Micro Transitions · React
Card Deck CascadeAmicro Micro Transitions · React
Libraries with Tailwind CSS card stack components
Related categories
- Card Stack Components
- React Card Stack Components
- Animated Card Stack Components
- Tailwind CSS Data Display Components
- Tailwind CSS Card Components
- Tailwind CSS Chart Components
- Tailwind CSS Table Components
- Tailwind CSS Avatar Components
- Tailwind CSS Stat Components
- Tailwind CSS List Components
- Tailwind CSS Calendar Components
- Tailwind CSS Accordion Components
- Tailwind CSS Data Table Components
- Tailwind CSS Carousel Components
- Tailwind CSS Collapsible Components
- Tailwind CSS Avatar Group Components
- Tailwind CSS Stat Card Components
- Tailwind CSS Bar Chart Components
- Tailwind CSS Tree View Components