12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes you can preview live and install with one command.
ReactTailwindDesign Systems+3
21st.dev
Beautiful UI
beautifului.dev
Extremely crafted, copy-paste primitives for AI-native interfaces — loading states, thinking traces, streaming text, human-in-the-loop approvals, and more.
What is Beautiful UI?
Beautiful UI is a small library of highly polished components for AI-native interfaces, built by the Turbo Product design studio. The catalog covers everything an agent needs to talk to humans beautifully: pixel-grid loaders with elapsed time, expandable thinking traces for reasoning and search, streaming text, approval cards, tool chips, diff tables, and flowcharts. Every primitive is meant to be copied straight into agent products.
Best for
- Chat UIs needing thinking and streaming states
- Human-in-the-loop approval patterns
- Copy-paste primitives for AI-native products
Key features
- Pixel-grid loaders with shimmer and elapsed time
- Expandable thinking traces: reasoning, search, coding
- Approval cards and tool chips
- Diff, filter, and records tables
- Flowcharts and insight cards
Related resources
21st.dev
Design skills, 449 UI prompts, animations, sound effects and audit tools for building professional UI with Codex, Claude and Cursor.
AIDesign SystemsAnimation+2
typeui.sh
Visitopens in a new tab
A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.
ReactTailwindDesign Systems+3
appica.dev