WebsiteNewFor Musician or band

Gatefold

Every record you've made, on one wall.

A website that shows a musician's releases as a wall of cover art, with tracklists, credits and artwork notes, plus sorting, filtering and a JSON export.

Download the source

Zip, 206 KB. MIT licence. Built 1 Nov 2026.

Live preview

Open the appOpen full screen
Loading the live site…

This is the real site, not a mock-up. Click around; the button on it opens the working app.

What you get

Everything a website needs, already done.

Pages and screens

  • Cover wall
  • Release details
  • Release editor
  • Launch page
  • JSON export

Features

  • Cover wall with sort by year
  • Filter by format or decade
  • Tracklist, credits and artwork notes
  • Cover artist credited per release
  • Edit releases in the browser
  • Export discography as one JSON file
  • No account or server needed

Palette

  • #a63d22
  • #8a3019
  • #fff9f0
  • #1f1a15
  • #f7ead9
  • #2a1d0c

Style

  • Warm
  • Editorial
  • Minimal
Gatefold on a phone
On a phone, as shipped.

For developers

A real codebase, not a page builder export.

Stack

Vite, React 19 and TypeScript for the app. The launch page is plain HTML, CSS and a little JavaScript with no build step. Vitest for unit tests, Playwright for browser tests.

Run it

unzip gatefold.zip
cd gatefold
npm install
npm run dev

In the zip

  • site/ the launch page with the built app in site/app/
  • src/ and e2e/ the app source and tests
  • docs/technical-docs/ architecture, runbook, quick reference
  • START-HERE.md and LICENSE (MIT)

More like this

Also on the shelf

  • Events & CreativeWebsite

    Workings

    A portfolio site where each piece steps from thumbnail to final image, with notes on every stage, side-by-side comparison, and filters by technique or tool.

  • Events & CreativeWebsite

    Onewall

    Shows a finished series of paintings as an online exhibition that visitors walk piece by piece, with wall labels, a closing note and a one-page printable price list.

  • Events & CreativeWebsite

    Gesso

    Keeps an artist's exhibitions, residencies, awards, commissions and publications on one timeline linked to their works, and prints a gallery-format CV.