Rolling Card Stack
It’s a responsive, animated rolling card stack component built with React, TypeScript, Tailwind CSS, and Framer Motion. It supports desktop/mobile layouts, swipe and keyboard navigation, autoplay, pagination, and customizable card content.
- Library
- uselayouts
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://uselayouts.com/r/rolling-card-stack- Files
registry/default/example/rolling-card-stack.tsx
- Source
- https://github.com/iurvish/uselayouts
Categories
- Card Stack Components
- React Card Stack Components
- Tailwind CSS Card Stack Components
- Animated Card Stack Components
- Carousel Components
- React Carousel Components
- Tailwind CSS Carousel Components
- Animated Carousel Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components