Foundry

Type

Frontend & design systems

Best for

Design system · Marketing site

Stack

TypeScript · Next.js · Tailwind CSS

Screens shown

5Captured from the live preview

Starter products

10Built from the catalogue

Levels

4Tokens to products

Licence

Pro · 1 developer12 months of updates

Availability

PreviewLive preview open now

What this template is for. Each one is a filter in the catalogue, so the products beside it solve the same problem.

• Design system
• Marketing site

Foundry is the layer beneath the other templates: a frontend system from which many products can be built. Four levels — primitives, navigation and forms, sections and patterns, then ten complete starter products — every one of them composed from the same token set. The point is not the component count; it is that level four is demonstrably assembled from level one, so nothing in the catalogue is a one-off.

• Primitives

  Button, Field, Combobox, Alert, Toast and Card, every one built on the same token set.

• Sections and patterns

  Composed page-level patterns showing how the primitives are meant to be used together.

• Starter products

  Ten complete products assembled from the catalogue — the only honest proof a system composes.

Every screen below is the deployed template, captured from its own live preview.

1. 01

   Primitives

   Button, Field, Combobox, Alert, Toast and Card, every one built on the same token set.

   • Live previews
   • Variants and states

   

2. 02

   Sections and patterns

   Composed page-level patterns showing how the primitives are meant to be used together.

   • Page compositions

   

3. 03

   Starter products

   Ten complete products assembled from the catalogue — the only honest proof a system composes.

   • Complete products
   • Built from level one

   

• The full source archive, with the first release
• 12 months of updates, kept permanently
• 1 developer — commercial use, including client work
• Deployment guides for 3 targets
• Email support for the length of your update window
• Redistribution as your own product

Every line above is read from this product’s own licence and release record rather than written beside it, so it cannot promise something the release does not contain.

Four levels, one token system

Each level is assembled from the one below it, and none of them reaches past its neighbour. A starter product is sections; a section is navigation, forms and primitives; a primitive is tokens. That constraint is what makes a theme change propagate correctly instead of leaving a stranded colour in a footer nobody looks at.

Tokens
  └─▶ Primitives (Button, Field, Card, Alert, Toast)
        └─▶ Navigation and forms (Combobox, menus, validation)
              └─▶ Sections and page patterns
                    └─▶ Starter products

Node.js

≥ 22.12LTS or current

Package manager

pnpm ≥ 10npm and yarn also work

Operating system

macOS, Linux, Windows (WSL2)

1. 1

   Unpack the download

   The archive contains the full source. There is no installer and no post-install script.

   bash

   unzip foundry.zip
   cd foundry

2. 2

   Install dependencies

   bash

   pnpm install

3. 3

   Configure the environment

   Copy the example file and fill in the variables listed under Environment variables.

   bash

   cp .env.example .env

1. 1

   Start the development server

   bash

   pnpm dev

2. 2

   Verify the install

   Runs formatting, lint, type-check, tests and a production build.

   bash

   pnpm check

• Vercel

  Zero-config. Set the environment variables listed above and connect the repository.

• Docker

  A multi-stage Dockerfile is included, producing a standalone image with no build toolchain.

• Any Node host

  Builds to a standard Node server. Nothing depends on a platform-specific runtime.

1. 1.0.0

   19 Aug 2026

   Initial commercial release

   • addedInitial commercial release

Documentation ships with the first release.

• Documentation
• Report a problem
• Licensing questions