Command Palette

Search for a command to run...

2.3kGitHub stars
Components

JPG Card Holder

Leather card holder shaped like a JPG file, with cards you can pull out.

Loading…

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.

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

Was this helpful?

Command Palette

Search for a command to run...