Shadcn.io is not affiliated with official shadcn/ui
Music Dj Deck
A DJ deck controller block for React and Next.js with dual turntable displays, BPM and key info, crossfader slider, sync button, and playback controls built with shadcn/ui and Tailwind CSS
Mix tracks with this React and Next.js DJ deck interface block. Features two side-by-side turntable decks with animated rotation, BPM and musical key display, a crossfader slider for blending, sync and cue buttons, and individual play/pause controls per deck. Built with TypeScript, shadcn/ui Button and Slider components, framer-motion rotation animations, and Tailwind CSS. Perfect for music production apps, DJ software interfaces, and audio mixing dashboards.
Related Components
Streaming Dashboard Block
Music streaming analytics dashboard
Concert Tickets Block
Concert ticket purchase interface
Discover Weekly Block
Curated playlist recommendations
Karaoke Queue Block
Karaoke queue management UI
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Ear Training
An ear training exercise block for React and Next.js with interval recognition, play button, multiple choice answers, score counter, difficulty selector, and streak display built with shadcn/ui and Tailwind CSS