Skip to content

Start Components Effects Showcase Guides Themes API

Theme

Component catalog

Find a component or decoration/50 shown

Progress

Loading state
Status badge
Thinking
Orbs
Context meter

Agent work

Tool chips
Tool calls
Task rows
Web search
To-do list
Image generation

Readable output

Streaming text
Code block
Code diff
Selection actions

Composites

Chat
Suggestions
Attachment previews
Artifact panel
Fine-tune card
Prompt bar
Voice controls
Message queue

Navigation

Command search
Sidebar navigation
Thread list

Data tables

Records table
Diff table
Filter table
Comparison table

Decisions

Approval card
Plan card
Recommendation card

Evidence

Context cards
Insight card

Human in the loop

Form controls
Question flow

Decorations

Photo
Frosted
Glass
Tint
Border beam
Liquid metal
Photo + scrim
Dither
Pop art
Cross-hatch
Halftone
Pulse
Veil

Guides

How the library is themed, who owns what between it and your application, and the two things that are true of every component in it. Installing it is over at Start.

Differences from gpui-componentThis library is built on gpui-component. Here is what is new, what extends it, and what is upstream's own work inside something new.ThemingEvery colour, radius, and type style comes from the active theme, including yours.Ownership and eventsYour application owns the state and the clock; components render what you give them.Accessibility and motionReduced motion, keyboard reach, and contrast, and what each of them guarantees.Browser demo limitsWhat the demos on this site can and cannot do, and why the native runtime decides.

Menu

StartAdd the dependency and open a window with a component in it.ComponentsThirty-seven surfaces an AI application keeps rebuilding, each one running.EffectsDecorations an application paints into a component, and the motion channel.ShowcaseWhole compositions rather than parts: a conversation, a workspace, an instrument.GuidesTheming, who owns what, accessibility, and what a browser demo cannot prove.ThemesFifty-five presets, the tokens each one sets, and the JSON to take away.APIThe generated reference for every type this library exports.

Components

Find a component or decoration/50 shown

Progress

Loading state
Status badge
Thinking
Orbs
Context meter

Agent work

Tool chips
Tool calls
Task rows
Web search
To-do list
Image generation

Readable output

Streaming text
Code block
Code diff
Selection actions

Composites

Chat
Suggestions
Attachment previews
Artifact panel
Fine-tune card
Prompt bar
Voice controls
Message queue

Navigation

Command search
Sidebar navigation
Thread list

Data tables

Records table
Diff table
Filter table
Comparison table

Decisions

Approval card
Plan card
Recommendation card

Evidence

Context cards
Insight card

Human in the loop

Form controls
Question flow

Decorations

Photo
Frosted
Glass
Tint
Border beam
Liquid metal
Photo + scrim
Dither
Pop art
Cross-hatch
Halftone
Pulse
Veil

gpui-ai v0.8.0 · MIT

crates.io Source Release notes API documentation