WebsiteFor Frontend developer

Plinth

Show the work behind the work.

Plinth lets frontend developers build a portfolio site around project case studies, then export it as a single HTML file to host anywhere, with no account.

Download the source

Zip, 311 KB. MIT licence. Built 22 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
  • How it works
  • Features
  • Live example
  • FAQ
  • Portfolio builder

Features

  • Case studies: problem, approach, screenshots, notes
  • Skills matrix for frameworks and tooling
  • Reorder sections and switch between three themes
  • Live preview with autosave to localStorage
  • Export one self-contained HTML file
  • Back up and restore as JSON, print résumé to PDF

Palette

  • #ff5a1f
  • #b93a12
  • #ffe2d4
  • #16151a
  • #d8d1c3
  • #5e5a52

Style

  • Editorial
  • Minimal
  • Warm
Plinth 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 plinth.zip
cd plinth
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

  • Professional ServicesWebsite

    Tintype

    A ready-made website for photographers with a filterable portfolio, a package picker with a live total, a copyable enquiry email and a shot list builder.

  • Professional ServicesWebsite

    Holdout

    Lets data scientists and ML engineers build a portfolio of experiment cards in their browser and download it as one HTML file to host anywhere.

  • Professional ServicesWebsite

    Nines

    A browser-based builder that turns your incident write-ups, uptime figures, tools and certifications into a one-page site you can export as a single HTML file.