Atelier

Shadcn creative dashboard template for Next.js, React & Tailwind

A producer-grade music studio dashboard with sound built in.

Atelier template preview

Filmstrip

6 on this reel

About this Shadcn creative dashboard

Atelier is a self-contained music production studio dashboard built for producers who want a single hub for their craft. Six routes cover a Studio overview, a Sessions tracker that walks ideas through recording, mixing, mastering and release, a Tracks library, a Releases timeline, a Podcasts browser, and a Collaborators directory.

A persistent now-playing player bar lives at the bottom of every page with simulated playback, shuffle, repeat modes and a slide-in detail sheet for the active track. UI sound effects are wired throughout via soundcn, and a 42-color theme switcher with light and dark modes ships out of the box.

Everything runs client-side against an in-memory Zustand store seeded with rich mock data — sessions, tracks, releases, collaborators and even daily-mix carousels — so you can rebrand it, plug in a real backend, or use it as a creative dashboard reference instantly.

Routes

Pages and views included in this template.

/

Studio

Studio overview with quick-access tracks, daily mixes, recent uploads, sessions in progress, releases, and collaborators

/sessions

Sessions

Sessions tracker with stage and genre filters, plus grid or list mode

/tracks

Tracks

Tracks library table with play/pause, BPM/key, genre, status, plays and duration

/releases

Releases

Grid of release artwork cards filtered by type and status

/podcasts

Podcasts

Subscribed shows plus a 3-column grid of podcast recommendation categories

/collaborators

Collaborators

Collaborators directory grid filtered by role

Features

  • Track music sessions through idea, recording, mixing, mastering and release stages
  • Persistent now-playing bar with shuffle, repeat, seek and a track detail sheet
  • Pin sessions, bump progress, and update production status from the cards
  • Browse releases with stream and presave counts, plus genre-driven daily mixes
  • Built-in UI sound effects via soundcn, with a global mute and volume control
  • Search across sessions, tracks, releases and collaborators from one input

Related Templates

More Creative templates you might like.

Get all templates in the Ultimate Kit

Get the Ultimate Kit — $129