Shadcn.io is not affiliated with official shadcn/ui
Music Recently Played
A recently played music tracks block for React and Next.js with album art placeholders, track and artist names, play counts, time grouping, and play-again buttons built with shadcn/ui and Tailwind CSS
Browse listening history with this React and Next.js recently played tracks block. Features grouped track lists by Today, Yesterday, and This Week, with album art placeholders, track and artist names, play count badges, relative timestamps, and a one-click play-again button per track. Built with TypeScript, shadcn/ui Button and Badge components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for music streaming apps, listening history dashboards, and personalized music recommendation flows.
Related Components
Subscription Plans Block
Music subscription pricing tiers
Top Charts Block
Top 10 music charts display
Audio Converter Block
Audio file format converter UI
Notification Settings Block
Music notification preferences panel
Streaming Dashboard Block
Music streaming analytics dashboard
FAQ
Was this page helpful?
Sign in to leave feedback.
Radio Station
A live radio station UI block for React and Next.js with now-playing track, up-next queue, listener count, and frequency dial visualization built with shadcn/ui and Tailwind CSS
Recording Booth
An audio recording booth UI block for React and Next.js with recording status indicator, elapsed time counter, input level meter, noise gate threshold, format selector, and save discard buttons built with shadcn/ui and Tailwind CSS