Gable
Every wall was blank once. Show it.
A portfolio site for muralists and sign painters that pairs each blank wall with the finished mural behind a slider and lets clients copy an enquiry note.
Zip, 218 KB. MIT licence. Built 1 Nov 2026.
Live preview
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
- Hero reveal wall
- How it works
- Features
- Live app embed
- Project gallery
- Project manager
Features
- Drag slider reveals blank wall versus finished mural
- Filter by indoor or outdoor, size band and sector
- Copy enquiry note with your own wall's size
- Each project lists location, size, timeframe and sector
- Reorder, manage and back up projects in the browser
- No account, image host or hosting needed
Palette
#1b1a17#5c574d#f3efe6#fbf9f4#e9e3d7#ddd6c8
Style
- Warm
- Editorial
- Bold
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 gable.zip
cd gable
npm install
npm run devIn the zip
site/the launch page with the built app insite/app/src/ande2e/the app source and testsdocs/technical-docs/architecture, runbook, quick referenceSTART-HERE.mdandLICENSE(MIT)
More like this
Also on the shelf
Halftone
A website for one webcomic where readers page or scroll through chapters and resume where they left off, and you upload pages and publish one file.
Gatefold
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.
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.