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 interfacesbeautiful-ui-five.vercel.app
- Beautiful Mermaid — Mermaid Rendering, Made Beautifulagents.craft.do
- AI Elementselements.ai-sdk.dev
- I'm (finally) showing how I design with AIyoutube.com
- UI Skills for Design Engineers | UI Skillsui-skills.com
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- 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
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design