Extremely crafted, copy-paste primitives for AI-native interfaces — loading states, thinking traces, streaming text, human-in-the-loop approvals, and more.
AIWebDesign Systems
beautifului.dev
Typeui
typeui.sh
Design skills, 449 UI prompts, animations, sound effects and audit tools for building professional UI with Codex, Claude and Cursor.
What is Typeui?
TypeUI bundles creative design skills for AI-assisted builders: design systems skills, ready-to-use UI prompts, previewable UI animations, sound effects, a brand kit, and UI/UX audits covering accessibility and design quality. It is positioned around building better UI with tools like Codex, Claude and Cursor, then measuring the result with analytics for visitors and conversions. Docs, changelog and roadmap sit alongside the paid product.
Best for
- AI-assisted UI building in Codex or Cursor
- Prompt-driven layouts for common sections
- Auditing accessibility and UI quality
Key features
- 94 design skills for AI tools
- 449 ready-to-use UI prompts
- UI animations and sound effect libraries
- Brand kit plus UI/UX audit checks
- Analytics for visitors and conversions
Related resources
beautifului.dev
A library of interactive React UI blocks — heat maps, signature pads, drag interactions, sliders — you can explore, tweak, and take straight into projects.
ReactAnimationWeb+1
bencho.dev
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