JPG Card Holder
Leather card holder shaped like a JPG file, with cards you can pull out.
- Dependencies (1)
Features
- Hover or tap to lift the cards and the folded corner.
- Drag a card up to pull it out. It slides back on release.
Use cases
- Interactive hero illustration on a portfolio.
- Playful detail on an about page.
Installation
pnpm dlx shadcn@latest add @ncdai/jpg-card-holder
Usage
import { JpgCardHolder } from "@/components/jpg-card-holder"<JpgCardHolder />Accessibility
- Decorative, so it is hidden from assistive technology.
- With
prefers-reduced-motion, hover moves nothing and cards return without a bounce.
Credits
License and usage
- Free to use and modify in both personal and commercial projects.
- Attribution is appreciated but not required.
- Released under the MIT License.