Shadcn.io is not affiliated with official shadcn/ui
Music Royalty Tracker
A music royalty earnings tracker block for React and Next.js with platform breakdown, monthly chart, per-stream rate, and payout history built with shadcn/ui and Tailwind CSS
Track music royalty earnings across streaming platforms with this React and Next.js block. Features a platform-by-platform revenue breakdown for Spotify, Apple Music, YouTube, and Tidal, a monthly earnings chart powered by Recharts, per-stream rate metrics, total stream counts, and a detailed payout history timeline. Built with TypeScript, shadcn/ui Badge and Button components, Framer Motion entrance animations, and Tailwind CSS. Perfect for artist dashboards, music label analytics, and distributor reporting interfaces.
Related Components
Music Sample Library
Sample and sound library browser
Music Genre Explorer
Genre hierarchy exploration UI
Music Collaboration Workspace
Collaborative music production workspace
Music Sheet Viewer
Music score and notation viewer
Music Royalty Tracker
Streaming royalty earnings dashboard
FAQ
Was this page helpful?
Sign in to leave feedback.
Ringtone Creator
A ringtone creator block for React and Next.js with track selection, start and end time sliders, waveform preview, fade toggles, output format picker, and create ringtone action built with shadcn/ui and Tailwind CSS
Sample Library
A music sample and sound library browser block for React and Next.js with category filters, BPM and key labels, waveform preview, and download counts built with shadcn/ui and Tailwind CSS