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
- The Shape of AI | UX Patterns for Artificial Intelligence Designshapeof.ai
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- There's An AI For That® — The front page of AItheresanaiforthat.com
- Interactions by Nitish Khagwalkhagwal.com
- Notionnanransohoff.com
- Cookbookcookbook.openai.com
- Prompting best practicesdocs.anthropic.com
- OpenAI | Research & Deploymentopenai.com
- v0 by Vercel - Build Full-Stack Web Apps with AIv0.dev
- Internetinternetlabs.co
- John Bai Portfoliobai.framer.website