Stop Rebuilding UI

Music Distribution Settings

A music distribution settings block for React and Next.js with platform toggles for Spotify, Apple Music, Amazon, YouTube Music, Tidal, and Deezer, release date picker, pricing model selector, and territory restrictions built with shadcn/ui and Tailwind CSS

Scroll to load preview

Configure music distribution across all major platforms with this React and Next.js settings panel block. Features individual platform toggles for Spotify, Apple Music, Amazon Music, YouTube Music, Tidal, and Deezer with status indicators, a release date picker, a pricing model selector for Standard, Premium, and Free tiers, and configurable territory restrictions with region checkboxes. Built with TypeScript, shadcn/ui Switch, Button, Badge, and Calendar components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for music distribution dashboards, artist management portals, and release planning tools.

FAQ

Last updated on March 30, 2026

Was this page helpful?

Sign in to leave feedback.