Pipe

PIPE / DEMOS

Whole applications.
One token layer.

A screen proves a pattern. A demo proves the system — a complete application that has to stay coherent across routes, hold its layout at every viewport, and survive being clicked. Five of them, four desktop and one phone-first, and nothing shared but the tokens.

Demos
05
Surfaces
28
Primitives
33
Phone-first
01

Demo library

Five products, five archetypes

Each demo is a separate application with its own routes and chrome, shipping on a different accent preset — and every one still has to hold in the mode and brand you pick.

Admin consoleOpens in Violet
01

Cascade

Live

A magazine's publishing console — submissions, reviews, collections, contributors, and role-gated access.

Surfaces · 6

Overview · Submissions · Review queue · Collections · Contributors · Team & roles

Primitives under test

tablesidebarcommandsheetalert-dialogpaginationcomboboxdropdown-menu

One role model re-gates the whole console — nav, row actions, and destructive buttons all follow.

src/app/demos/cascadeOpen Cascade
Three-pane workspaceOpens in Lagoon
02

Estuary

Live

A co-writing workspace — a draft beside a streaming assistant, tracked revisions you accept one at a time, and notes anchored to the paragraph.

Surfaces · 5

Workspace · Projects · Project detail · Sources · Assistants

Primitives under test

resizablemessage-scrollerbubbleresponseattachmentmarkercommandpopover

The message primitives hold a real editorial session — streaming revisions, retries that branch rather than overwrite, and a word diff you accept one passage at a time.

src/app/demos/estuaryOpen Estuary
Metered developer consoleOpens in Slate
03

Fjord

Live

A developer console for a content API — usage, playground, keys, and a content catalog.

Surfaces · 5

Overview · Playground · API keys · Usage & billing · Content catalog

Primitives under test

charttablesliderinput-groupemptyprogressdialogkbd

One meter runs the whole console — a request sent in the playground moves the quota strip, the overview tiles, the endpoint table and the projected bill at once.

src/app/demos/fjordOpen Fjord
Documentation siteOpens in Plum
04

Wellspring

Live

A documentation site — guides with scroll-spy, token swatches read live from the page, a component reference with working previews, and release notes.

Surfaces · 6

Introduction · Installation · Design tokens · Components · API reference · Changelog

Primitives under test

collapsiblecommandkbdalerttablebreadcrumbpopovertabs

Long-form reading is a first-class surface — measure, rhythm, and scroll-spy over a full article.

src/app/demos/wellspringOpen Wellspring
Phone columnOpens in Cocoa
05

Rill

Live

A phone-first reading app — a library that remembers your place, collections, highlights, a daily goal, and every picker a bottom sheet.

Surfaces · 6

Library · Discover · Collections · Collection · Reader · Profile

Primitives under test

drawertoastprogresscarouseltoggle-groupswitchinputavatar

One reading position runs a phone app — the reader writes it as you scroll, and the library card, the Continue card, a collection's share read, today's goal ring and the streak all read it back.

src/app/demos/rillOpen Rill

Every demo will be built from tokens and shipped UI

Demos compose the primitives in components/ui — tables, sheets, toasts, avatars, badges — and resolve every colour, radius, shadow, and motion to a design token, so the whole experience follows the light/dark theme and the accent preset without a single hardcoded value. State persists locally so audiences can experiment and reload.

One theme.
Five products.

Every demo is a complete application in a different domain — its own layout, its own workflows, its own accent preset, and AI embedded where it earns its place. The only thing they share is the token layer. That is the point: one theme, and five products that prove it.

  • Cascade

    Submissions, reviews, collections, RBAC

  • Estuary

    Streaming revisions, notes, sources

  • Fjord

    Usage, playground, keys, catalog

  • Wellspring

    Articles, tokens, reference, changelog

  • Rill

    Library, reader view, bottom sheets