Shadcn.io is not affiliated with official shadcn/ui
Profile Musician Discography
React musician discography profile block for Next.js with album tracklist, streaming stats, genre badges, and audio waveform-style progress bars using shadcn/ui, Tailwind CSS, and framer-motion
Display musician profiles with this React and Next.js discography block. Features an album list with expandable tracklists, streaming play counts with animated bars, genre and instrument badges, and career stats. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, Tailwind CSS, and framer-motion animations. Perfect for artist portfolios, music label directories, and band profile pages.
Related Components
Music Listener
Music listening stats profile
Podcast Host
Podcast host profile with episodes
Streamer Overlay
Streaming overlay profile
Travel Blogger
Travel blogger profile
Photographer Grid
Photo portfolio grid layout
Designer Showcase
Designer portfolio showcase
FAQ
Was this page helpful?
Sign in to leave feedback.
Music Listener
React music listening profile block for Next.js with currently playing track, animated progress bar, top artists with play counts, and recently played list using shadcn/ui, Tailwind CSS, and framer-motion
Nonprofit Leader
React nonprofit leader profile block for Next.js with fundraising progress bar, impact metrics grid, program list with beneficiary counts, and donor recognition section using shadcn/ui, Tailwind CSS, and framer-motion