Soundstage — Free Bootstrap 6 Band & Musician Website Template
Soundstage is a free, premium Bootstrap 6 website template for bands, solo musicians, DJs, labels and venues. It pairs a full artist homepage — release, tracklist, tour dates, videos, merch and a mailing list — with an album page carrying the complete tracklist, credits and a sticky pre-order rail.
Two decisions give this one its character. The tour list keeps sold-out shows on the page, struck through rather than removing them, because a sold-out show is evidence rather than an absence — and it is a real list, not a table, so it reflows properly on a phone. The tracklist has a genuine play/pause state wired up with only one track active at a time; no audio ships with the template, but the styling is real and there is an obvious place to attach an <audio> element. The video lightbox is a native <dialog>, so Escape, focus trapping and the top layer come from the browser rather than from JavaScript.
Key features
- Two pages — artist homepage and a full album page
- Tracklist with a real play/pause state, only one track active at a time
- Tour list keeps sold-out shows visible and struck through rather than hiding them
- Video lightbox built on a native <dialog> — Escape and focus trapping from the browser
- Full-viewport gig-poster hero with a two-part scrim for legible white type
- Merch grid and mailing-list signup with native :user-invalid validation
- Sticky formats and pre-order rail on the album page
- Gig-poster design language — near-black, one acid accent, oversized condensed type
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
