Amplify — Free Music Artist & Band Website Template
Amplify is built for the moment a record drops: a latest-release hero with real streaming links, an interactive tracklist with playing-state previews, and a tour list where dates actually sell out. It ships as clean Bootstrap 5 with hand-written vanilla JavaScript — no jQuery, no page builders, no icon-font downloads to get blocked.
Features
- Latest-release hero with spinning-vinyl artwork and inline Spotify / Apple Music / YouTube glyphs
- Interactive tracklist — click any song to toggle a playing state with animated equalizer bars (one track at a time)
- Tour-date list with per-show status pills (On sale / Low tickets / Sold out) and Get Tickets buttons
- Music-video feature with a poster and click-to-reveal "now playing" player bar (keyboard accessible)
- Limited-run merch grid with add-to-cart micro-feedback
- Band bio section with member credits and a pull-quote review
- Newsletter signup with front-end name + email validation and a success state
- Scrolling city marquee, sticky blur-on-scroll header, and IntersectionObserver scroll reveals that respect prefers-reduced-motion
At a glance
- Framework: Bootstrap 5
- License: Free for personal and commercial use
- Pages: 1
- Responsive: Yes
- Style: Dark-stage "Sundown Static" — poster-condensed display type, warm coral + amber concert lighting on plum-black ink
How to use it
Download the ZIP, unzip it, and open index.html — there is no build step and no dependencies to install. Replace the demo text and images with your own, point any forms at your backend or a form service, and deploy the folder to any static host. Colours, fonts, and spacing live in css/style.css; the interactions are in js/main.js. Bootstrap 5 is bundled locally, so it works offline and on strict-CSP hosts.
FAQ
Is Amplify really free to use commercially?
Yes. Use it for your own band, a client's release page or a label microsite, free for personal and commercial projects. Attribution is appreciated but not required.
Does the music player actually stream audio?
The tracklist and video are front-end demonstrations — clicking toggles the visual playing state. Wire the play buttons to your own audio embed, a Spotify/Bandcamp iframe or the HTML `<audio>` element to make them live.
Do I need to build or compile anything?
No. Open `index.html` in a browser and it works. Bootstrap and its JS bundle are self-hosted in `css/vendor/` and `js/vendor/`, and all icons are inline SVG, so nothing loads from a CDN.
How do I make the newsletter form send emails?
The form validates on the front end and shows a success message. Point its `action` at Mailchimp, Buttondown, ConvertKit or your own endpoint, and the built-in validation will still run first.
