# Services with Animated Hover Modal

> A responsive services component that displays a list of offerings. On hover, a modal follows the cursor, revealing project images with smooth scaling and transition effects. Built with GSAP for cursor‑following animations and Framer Motion for scale transitions.

- Author: [Cnippet](https://21st.dev/@cnippet.dev)
- Library: [Cnippet](https://21st.dev/@cnippet.dev/library/cnippet)
- License: unknown
- Live preview: https://21st.dev/@cnippet.dev/components/services-with-animated-hover-modal

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/cnippet.dev/services-with-animated-hover-modal?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