Pagesmith

Open source · MIT

An empty folder
to a live site in
one command.

A CLI and component kit for developers who would rather ship than spend a weekend wiring up build tools.

$ npx pagesmith init my-site
Get started See what's inside
1
Command to launch
1.8k
GitHub stars
300+
Live sites built
0
Config files required

What's inside

Everything you would have set up yourself, already set up.

01 — Scaffold

One command, real project

Routing, asset pipeline, image optimisation and a dev server, wired together and running before your coffee lands.

02 — Components

40 responsive blocks

Heroes, pricing tables, nav bars, footers. Every one tested from 320px to 4K, keyboard-navigable, and yours to edit.

03 — Output

Static by default

Builds to plain HTML and CSS with no runtime. Deploys anywhere that serves files, which is everywhere.

04 — Themes

Design tokens, not overrides

Change six variables and the whole site follows. No hunting through stylesheets for a hex code you set in March.

05 — Speed

Ships lean

Unused CSS stripped at build time. A default Pagesmith site scores in the high nineties on Lighthouse out of the box.

06 — Escape hatch

No lock-in

Eject at any point and walk away with clean, readable files. Pagesmith is a starting point, not a dependency.

Getting started

Three lines to a running site.

# scaffold a new project
npx pagesmith init my-site

# pick a starting theme
cd my-site && pagesmith theme bold

# run it
pagesmith dev

→ ready at localhost:4000
  • Node 18 or newer. Nothing else to install.
  • Edit content in Markdown, layout in components.
  • Hot reload on save, including style tokens.
  • pagesmith build outputs a static folder.
  • Drop that folder on Netlify, Pages, or any host.

Try it

Stop configuring.
Start shipping.

Read the docs Star on GitHub