WebsiteNewFor Comic artist

Halftone

Your comic, read the way you drew it.

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.

Download the source

Zip, 244 KB. MIT licence. Built 2 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

  • Home
  • Archive
  • Single-page reader
  • Long-scroll reader
  • Studio
  • Export bundle

Features

  • Single-page and long-scroll reading modes
  • Arrow-key navigation between pages
  • Archive cards show New, Page 4 of 12 or Read
  • Reader's place saved in the browser
  • Upload pages, reorder them, write alt text
  • Export the whole comic as one comic.json file

Palette

  • #d62828
  • #b51f1f
  • #ffffff
  • #1b1a1f
  • #5a5650
  • #d9d0bf

Style

  • Warm
  • Bold
  • Editorial
Halftone 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 halftone.zip
cd halftone
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

    Gable

    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.

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