# Dock Component with Hover Effects: A Customizable and Interactive Dock for Applications

> This React component renders a customizable dock with icons that dynamically adjust their size and position based on mouse hover interactions.  It uses CSS variables and utility functions for efficient styling and scaling. The dock provides a visually appealing and interactive user experience.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/mac-os-dock

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/mac-os-dock?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