# Music Portfolio

> A sophisticated React component for displaying music portfolios, discographies, or creative project collections with stunning interactive effects. Features include text scrambling animations on hover using GSAP, dynamic background image transitions, automatic idle animations, and full support for system dark/light themes.  Perfect for musicians, record labels, music producers, or creative agencies looking to showcase their work in an engaging, modern interface. The component offers a minimalist grid layout that transforms into an immersive visual experience through smooth animations and hover interactions

- Author: [scott clayton](https://21st.dev/@lovesickfromthe6ix)
- License: unknown
- npm dependencies: gsap
- Live preview: https://21st.dev/@lovesickfromthe6ix/components/music-portfolio

## Install

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