Industry kits

Commit

A developer's portfolio as paper and an editor: keystroke buttons, project diffs, a commit graph that draws.

Familjen Grotesk Fragment Mono Self-hosted — zero third-party requests
Components
30
Widgets
3
Examples
2
Themes
2

Live preview

This is the pack's real, runnable example — rendered live by its own CSS and JS, exactly as it ships. Open it full-screen →

Use this design

One line in .env re-skins your whole public site — fonts, colours, components, both themes. No build step, nothing to install: the pack is already vendored in your copy.

  • 2 themes: Paper / Editor — the in-app toggle switches between them.
  • Fonts (Familjen Grotesk, Fragment Mono) are self-hosted in the pack. Zero third-party requests, no CDN, GDPR-calm.
  • Prefer the house look with your own colours? The appearance page has 20 accent palettes for it.
# .env 
SITE_DESIGN="commit"

Every screen, both themes

Commit design system — Case Study Page — Editor screenshot
Case Study Page — Editor
Commit design system — Case Study Page — Paper screenshot
Case Study Page — Paper
Commit design system — Portfolio — Editor screenshot
Portfolio — Editor
Commit design system — Portfolio — Paper screenshot
Portfolio — Paper
Commit design system — Cover — Editor screenshot
Cover — Editor
Commit design system — Cover — Paper screenshot
Cover — Paper

More like this

Chill design system — Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection ChillIndustry kits Cool, crisp air for AC installers: remote-key buttons, LED readouts, vent louvres, frost on selection Circuit design system — Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done CircuitIndustry kits Switchgear UI for electricians: rocker buttons, breaker toggles, and current that flows when the job is done Curtain design system — Theatre kit: red velvet, gilt prosceniums, a curtain that parts, seats that fold down and stubs you tear. CurtainIndustry kits Theatre kit: red velvet, gilt prosceniums, a curtain that parts, seats that fold down and stubs you tear.