Atelier Music Studio Dashboard

Overview

Atelier is a music production dashboard that gives producers one place to manage their work. Sessions move through idea, recording, mixing, mastering and release stages, and the tracks library, releases grid, podcasts browser and collaborators directory cover the rest of a studio's day.

A now-playing bar stays docked on every page with shuffle, repeat and a track detail sheet, and UI sound effects come from soundcn with a global mute. It runs on a Zustand store with mock data, so you can rebrand it or connect a real backend.

Atelier is one of 20 templates in the Shadcn Admin Dashboard Kit, sold as a single $129 download. It's built with Next.js 16, React 19, Tailwind CSS v4 and shadcn/ui, and runs on mock data you can replace with a real API.

Because it uses the standard shadcn/ui theme variables, it can be restyled with any theme from Shadcn Themes.

Pages

• Studio: studio overview with quick-access tracks, daily mixes, recent uploads, sessions in progress, releases, and collaborators
• Sessions: sessions tracker with stage and genre filters, plus grid or list mode
• Tracks: tracks library table with play/pause, BPM/key, genre, status, plays and duration
• Releases: grid of release artwork cards filtered by type and status
• Podcasts: subscribed shows plus a 3-column grid of podcast recommendation categories
• Collaborators: collaborators directory grid filtered by role

Features

• Session tracker with stage and genre filters, in grid or list view
• Persistent player bar with shuffle, repeat, seek and a detail sheet
• Tracks table with BPM, key, genre, status and play counts
• Releases with stream and presave counts, plus daily mixes
• UI sound effects via soundcn with mute and volume control
• One search across sessions, tracks, releases and collaborators