Scaffold

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.
  • ML Components — Dashboards, charts, model management, data, training, inference, and more for ML platforms. Production-ready with typed props and optional demo defaults; wire your API data and use as-is. Install with npx ai-scaffold-kit add @ml/<slug>. See ML Components 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.