prompt-kit

Customizable, high-quality components for AI applications.
Build chat experiences, AI agents, autonomous assistants, and more, quickly and beautifully.

Installation

Install shadcn/ui

First, you'll need to install and configure shadcn/ui in your project.
Follow the installation guide in the shadcn/ui documentation.

Install prompt-kit components

Once shadcn/ui is set up, you can install prompt-kit components using the shadcn CLI:

npx shadcn@latest add prompt-kit/[component]

Usage

After installation, import and start using the components in your project:

import { PromptInput } from "@/components/ui/prompt-input"

Available Components

• PromptInput – A customizable input for AI prompts
• Message – Display chat messages
• Markdown – Render rich Markdown content.
• CodeBlock – Display syntax-highlighted code blocks.

More components will be released regularly.