Beautiful UI

Beautiful UI is a one-page library of 21 React components for AI agent interfaces, each running as a live demo: loading states, thinking traces, streaming text with sources, approval cards, tool call chips, task rows, chat, a prompt bar, diff and records tables, a flowchart, and an agent screen. Several demos switch variants in place, such as the Drive, Dots, Orbit, and Surfer loaders or the Steps, Reasoning, Search, and Coding traces. View code opens a component's file with its shadcn add command, and Copy code puts the source on the clipboard. A toggle at the top switches the page between light and dark.