Showcase

Whole compositions

A component page shows one surface on its own, which is the right way to judge it and the wrong way to imagine an application. These are the assembled things: a conversation that runs itself, a docked workspace, and the instrument the motion policy is tuned with.

A conversation, running

Ask it something or take a suggestion, and watch the tool calls and the streamed answer arrive. Every surface in it is a component from the catalogue.

Guided demo — gpui-ai

Starts when it scrolls into view

NORD FROST · DARK · RADIUS 6/10 · BASE 16PX · SHADOW

Dock composition

A workspace: gpui-component's dock carrying gpui-ai panels, resized and rearranged.

Dock composition — gpui-ai

Starts when it scrolls into view

NORD FROST · DARK · RADIUS 6/10 · BASE 16PX · SHADOW

The proof that these components are ordinary GPUI elements. Nothing here knows it is inside a dock, and the dock does not know what it is holding.

Motion lab

Every motion token in the library, on one clock, side by side.

Motion lab — gpui-ai

Starts when it scrolls into view

NORD FROST · DARK · RADIUS 6/10 · BASE 16PX · SHADOW

An instrument rather than a demo. It exists so a change to a spring can be seen against every other spring instead of on its own.

Themes side by side

One component under three themes at once, painted from the same snapshot.

Themes side by side — gpui-ai

Starts when it scrolls into view

NORD FROST · DARK · RADIUS 6/10 · BASE 16PX · SHADOW

What a theme actually changes, and what it does not. The layout is identical in all three; only the tokens differ.

Build one

Everything above is in the gallery’s own source, and the smallest complete application is eighty lines. Start has the dependency and the window; Components has the parts; Effects has what you paint into them.