Build with PureStack

These guides follow the path from a content folder to a finished interface. Start with the site generator, then learn how to compose pages and give them a consistent visual language.

PureStack CLI

Create routes from Markdown and MDX, preview locally, and publish static output.

Use the CLI

Site configuration

Set output paths, navigation, themes, search, metadata, languages, and optional scripts.

Configure a site

VS Code extension

Find component source, complete props and frontmatter, and format markup on save.

Set up the editor

Regor

Render pages at build time and add interactive apps in the browser with one component model.

Learn Regor

Typography

Use semantic headings and the shared type scale to keep pages easy to scan.

Shape your type

Utility CSS classes

Compose spacing, type, layout, borders, visibility, and theme-aware tones with the generated class set.

Use utility classes

Semantic tones

Compare all ten tones, see their surface and button roles, and try interactive states.

Explore tones

Icons

Find icon names, size and color icons with the text, and register them in browser apps.

Add icons

Themes

Start with a skin, tune light and dark palettes, and add theme-aware styles.

Style a site

Explore the building blocks

The component catalog has live examples and API references for the controls and layouts used throughout these guides.