# Dock

> Interactive dock-style navigation built with React + TypeScript and Framer Motion. Icons dynamically scale based on cursor position using motion values and transforms. Includes smooth scrolling, tooltip labels, and responsive design. Optimized for clean UI and modern web experiences.

- Author: [Ayush Guleria](https://21st.dev/@ayushguleria73again)
- Library: Ayush Guleria
- License: unknown
- npm dependencies: framer-motion, @fortawesome/react-fontawesome, @fortawesome/fontawesome-svg-core, @fortawesome/free-solid-svg-icons
- Live preview: https://21st.dev/@ayushguleria73again/components/dock

## Install

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