Beautiful UI
Beautiful UI - Copy-paste components for AI-native interfaces: thinking states, approvals, streaming text, and more.
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
Beautiful UI
Beautiful UI is a small library of extremely crafted, copy-paste components purpose-built for AI-native interfaces. Instead of shipping an entire design system, Beautiful UI focuses on the exact moments where AI products talk to humans: thinking states, streamed answers, human-in-the-loop approvals, and live agent workflows. Every component is designed to be copied straight into your codebase and adapted to your product.
The library currently contains nineteen components that cover the full agent lifecycle. Loading State renders a pixel-grid loader with shimmer and elapsed time. Thinking shows expandable traces for steps, reasoning, search, and coding. Streaming Text displays streamed answers with inline sources, actions, and follow-ups. Approval Card presents the questions an agent asks before acting, while Tool Chips turn code edits and tool calls into compact chips. Task Rows visualize live agent task status — running, failed, completed — and Chat provides a tabbed panel with reasoning replies and a composer.
Beyond the core chat experience, Beautiful UI includes data-heavy components built for real agent products. Prompt Bar adds @ sources, / commands, a model picker, and dictation. Recommendation Card shows agent suggestions with a confidence meter and alternatives. Context Cards display retrieved knowledge chunks with their sources, and Diff Table sweeps AI-proposed edits through tabular data. Records Table, Filter Table, and Insight Cards cover CRM-style grids, status chips, and paged agent insights with scrub-ready charts. Code Block streams agent-written code line by line, Fine-tune Card lets the agent adjust design properties in an inspector, and Selection Actions let users highlight a passage and hand it to the agent to rewrite.
Built by Turbo, a product design studio, Beautiful UI is free to use and ships new primitives to your inbox — copy-paste ready, no spam. If you are building an AI agent, an assistant, or any product where machines talk to people, Beautiful UI is the fastest way to make it look stunning.