# Folder Card

> A folder-shaped media card. A cover sits behind a folder panel notched over it, title and subtitle in the tab, stats along the bottom. On hover the panel slides down to reveal the cover. Sized in container query units, so it stays exact at any width.

- Author: [Mohamed Uvaish](https://21st.dev/@uvaishmohamedn)
- License: mit
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@uvaishmohamedn/components/folder-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uvaishmohamedn/folder-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt