# Animated Project Cards

> This component renders a list of animated, expandable project cards with smooth framer-motion transitions, hover/tap effects, dynamic chevron toggling, and staggered child animations for category tags, metadata, and descriptions. Can be easily customizable for any accordion style component. Perfect for freelance dashboards, gig marketplaces, or any project listing interface where you want rich interactivity and polished microinteractions.

- Author: [Isaiah](https://21st.dev/@isaiahbjork)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@isaiahbjork/components/animated-project-cards

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/isaiahbjork/animated-project-cards?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