Beautiful UI — Crafted primitives for AI-native interfaces
A small library of extremely crafted, copy-paste components for chat agents, thinking states, human-in-the-loop approvals, and everything agents need to talk to humans beautifully.
01 Loading State Pixel-grid loader with shimmer and elapsed time. 02 Thinking Expandable traces — steps, reasoning, search, coding. 03 Streaming Text Streamed answer with inline sources, actions, and follow-ups. 04 Approval Card Human-in-the-loop questions the agent asks before acting. 05 Tool Chips Code edits and tool calls as compact chips. 06 Task Rows Live agent task status — running, failed, completed. 07 Chat Tabbed chat panel with reasoning replies and a composer. 08 Prompt Bar Composer with @ sources, / commands, model picker, and dictation. 09 Recommendation…
saved by
related reading
- Beautiful UI — Crafted primitives for AI-native interfacesbeautifului.dev
- Libraries.dev: High-crafted UI libraries for AI agentslibraries.dev
- Teaching agents product design at Vercel - Vercelvercel.com
- Designing Grok Bot for a world of persistent agentsx.ai
- UI Skills for Design Engineers | UI Skillsui-skills.com
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- AI Elementselements.ai-sdk.dev
- SEESAW ✦ Design Inspirationseesaw.website
- Cookbookcookbook.openai.com
- Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
- performative-ui | AI-native React Componentsvorpus.github.io
- There's An AI For That® — The front page of AItheresanaiforthat.com