# MusicEqualizer Upload

> The Music Equalizer Upload component is a dynamic and visually engaging file upload interface designed specifically for audio files. Each uploaded file is represented with its name and an animated equalizer, where bars bounce rhythmically to indicate ongoing upload progress—perfect for music or media applications. Users can select multiple audio files either by clicking the upload button or dragging files into the input area. Only audio files are accepted, ensuring file-type integrity, while non-audio files are automatically ignored. Each file can be individually removed using a dedicated trash icon without affecting other uploads. Built with Shadcn UI, Lucide icons, and Framer Motion, this component supports both light and dark themes and offers smooth entry and removal animations, making audio uploads visually appealing and highly interactive.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/music-equalizer-upload

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/music-equalizer-upload?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