Introduction

This UI kit is a one-stop solution for AI developers: copy-paste components and AI patterns (chat UIs, prompts, agents) with consistent imports and Cursor/Copilot-friendly workflows.

What’s in the kit

Components — Primitives (buttons, inputs, dialogs, etc.) built with Radix UI and Tailwind. Browse and copy from the Code tab on each component page.
Templates — AI-oriented blocks and full-page layouts (chat message row, prompt input bar, AI response card, typing indicator, tool-call display, and more). See Templates for the full list.

How to use

Use the import path @/components/ui/<name> for components (e.g. @/components/ui/button). Copy the code from the component or template detail page and paste into your project; adjust the @/ alias to match your setup if needed.

For AI-assisted workflows and the machine-readable catalog, see For AI developers.