—
View latest updates

Build once. Share everywhere.

Purity is a theme‑aware React design system powered by Storybook and Tailwind. Ship consistent, on‑brand experiences across every product surface.

Browse components Open Storybook No copy‑paste UI kits — real, production‑ready code.

Project status

Base path
/purity-design-system/
Updated
2025-12-18T18:40:06.794Z
Storybook
Components indexed
166

Theme playground

Dial in mode, accent, radius, density, and motion. Copy a shareable URL or export theme values.

Theme JSON
Theme CSS

AI components

Curated primitives for agentic UI: chat, tool calls, timelines, approvals, and safety.

Chat primitives

Message rendering, composition, attachments, citations, streaming and actions.
ChatMessageChatMessageListChatComposerAttachmentPickerCitationMessageActionsStreamingIndicatorErrorBanner

Agent run surfaces

Tool calls/results, timelines and approvals, model selection, usage and safety.
ToolCallCardRunTimelineApprovalCardArtifactPanelConversationListModelSelectorTokenUsageMeterSafetyNotice

Atomic structure

This is generated from design-system/docs/atomic-design.md.

Atoms
22
Molecules
43
Organisms
80
Templates
5
Pages
2