Shadcn.io is not affiliated with official shadcn/ui
Music Year Wrapped
A year in review music wrapped summary block for React and Next.js with top artist, top song, total minutes, genre breakdown, listening personality, and shareable card built with shadcn/ui and Tailwind CSS
Showcase annual listening stats with this year-in-review wrapped summary block for React and Next.js. Features a top artist and song display, animated total minutes counter using CountUp, genre breakdown, a listening personality label, and a share button with confetti celebration. Built with TypeScript, shadcn/ui Badge and Button components, Framer Motion stagger animations, and Tailwind CSS. Perfect for music streaming dashboards, user engagement features, and social sharing experiences.
Related Components
Streaming Dashboard
Full music streaming dashboard layout
Discover Weekly
Personalized music discovery feed
Royalty Tracker
Music royalty earnings tracker
Concert Tickets
Concert ticket booking interface
Festival Lineup
Music festival schedule and lineup
FAQ
Was this page helpful?
Sign in to leave feedback.
Waveform Editor
A waveform editor UI block for React and Next.js with styled waveform bars, trim markers, zoom controls, selection region, playhead position, and export button built with shadcn/ui and Tailwind CSS
Abandoned Cart Recovery
Cart recovery panel with saved items, discount codes, and purchase CTA for React, Next.js, shadcn/ui, and Tailwind CSS storefronts