Workings
Show your 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.
Zip, 245 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
- Scroll redraw
- How it works
- Features
- Live app
- Plain facts
- Piece viewer
Features
- Step through stages with a slider or arrows
- Compare any two stages side by side
- Add a note to each stage
- Filter pieces by technique or tool
- Add and reorder stages in the browser
- Export your collection as a file
Palette
#c8371c#a62b13#fffaf3#1f1b16#5e554a#ece5d7
Style
- Warm
- Editorial
- Minimal

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 workings.zip
cd workings
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

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.

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.

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