# Animated Feature Cards

> Animated feature cards are interactive UI components that highlight key features or services of a product using motion effects. They typically include an icon or image, a title, and a brief description, and animate (e.g., slide, fade, zoom, flip) when hovered over or scrolled into view. These cards enhance user engagement and improve visual appeal by making the content more dynamic and noticeable.

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

## Install

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