# Boxy App Icons

> A React component built with Tailwind CSS that renders a grid of six interactive SVG icons representing popular applications (PayPal, GitLab, Instagram, Telegram, Spotify, and Discord). Each icon features a 3D hexagonal design with a smooth hover effect that triggers a vertical lift and color change specific to each app's branding (e.g., Instagram's gradient, Spotify's green). The component maintains the original SVG structure and styling from the provided code, ensuring visual consistency with hover transitions for an engaging user experience. Ideal for use in social media links, app showcases, or navigation menus.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/boxy-app-icons

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/boxy-app-icons?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