WebsiteNewFor Ceramicist

Footring

Your shelf, online. Every glaze, every form, every piece.

A catalogue website for potters where visitors filter pieces by form, glaze colour and availability, compare them, and copy a ready-written enquiry message.

Download the source

Zip, 229 KB. MIT licence. Built 31 Oct 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

  • Hero shelf
  • Catalogue
  • Filters
  • Compare view
  • Enquiry message
  • Artist editor

Features

  • Filter by form, glaze colour and availability
  • Compare pieces side by side
  • Copy a ready-written enquiry message
  • No checkout and no account
  • Edit in your browser, export as a file
  • Light and dark colour schemes

Palette

  • #a4532f
  • #873f20
  • #ecd8c8
  • #fffaf4
  • #2b2420
  • #6b5f55

Style

  • Minimal
  • Warm
  • Elegant
Footring 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 footring.zip
cd footring
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

    Gesso

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

  • Events & CreativeWebsite

    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.

  • 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.