Card Folder
This component creates an animated folder-style card with a background image, floating 3D object, hover effects, and customizable colors and text. You can easily change the images, colors, content, and animation settings from the card props.
- Library
- uselayouts
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://uselayouts.com/r/card-folder- Files
registry/default/example/card-folder.tsx
- Source
- https://github.com/iurvish/uselayouts
Categories
- Card Components
- React Card Components
- Tailwind CSS Card Components
- Animated Card Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Illustration Components
- Tailwind CSS Illustration Components
- Animated Illustration Components
- Media Components