Shadcn.io is not affiliated with official shadcn/ui
Music Social Feed
A music social feed block for React and Next.js with listen, playlist add, like, and share activity items, track info, timestamps, and engagement counts built with shadcn/ui and Tailwind CSS
Surface music listening activity with this React and Next.js social feed block. Features categorized activity items for listened, added to playlist, liked, and shared actions with track and album metadata, relative timestamps, and like and comment engagement counters. Built with TypeScript, shadcn/ui Avatar, Badge, and Button components, framer-motion staggered list animations, and Tailwind CSS. Perfect for music social platforms, collaborative playlist apps, and streaming activity dashboards.
Related Components
Streaming Dashboard Block
Streaming analytics with charts
Queue Manager Block
Drag-and-drop music queue interface
Podcast Player Block
Podcast episode player interface
Festival Lineup Block
Festival artist lineup schedule
Radio Station Block
Live radio station player interface
FAQ
Was this page helpful?
Sign in to leave feedback.
Sleep Timer
A music sleep timer block for React and Next.js with preset duration buttons, large countdown display, end-of-track option, fade-out toggle, and cancel action built with shadcn/ui and Tailwind CSS
Song Credits
A song credits display block for React and Next.js with performer, songwriter, producer, engineer, and studio information, role labels, and recording dates built with shadcn/ui and Tailwind CSS