# prompt-kit

> Accessible, customizable React UI components built specifically for AI interfaces

prompt-kit provides prebuilt UI primitives tailored for AI chat interfaces, agents, and autonomous assistants. Designed for React, Next.js, and Tailwind CSS, components can be added directly into projects using the shadcn CLI. It includes purpose-built blocks for streaming responses, collapsible tool calls, feedback bars, and chain-of-thought displays.

Website: https://github.com/ibelick/prompt-kit

## What it is for

- Add ready-made chat UI blocks with tool-calling support to Next.js apps
- Display collapsible execution steps and function-call statuses in AI assistants
- Render chain-of-thought reasoning and thinking states in generative AI products

## Features

- Installable via the shadcn CLI registry (npx shadcn@latest add prompt-kit/\[component\])
- Specialized primitives for tool-calling chips with expandable completed status
- Chain-of-thought and thinking-bar UI components
- Built with React, Next.js, and Tailwind CSS
- Direct compatibility with Vercel AI SDK streaming workflows
- Dark mode support and customizable styling

## Pricing

Open source. Free (MIT License)

## Details

- Type: GitHub repo
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Command line
- For: Frontend and full-stack developers building AI-powered chat and agent interfaces with React and Next.js.
- Alternative to: Vercel AI SDK Chat UI, Assistant UI
- Tags: ai ui, shadcn, react, tailwind, tool calling, chat components

## Why it was saved

- [@shadcn, 6 August 2025](https://x.com/shadcn/status/1953137884728381678): The author (@shadcn) highlights that a working chatbot with tool calls is one npx command away; the video demonstrates the result: a clean chat UI streaming answers and showing collapsible tool-call chips (tool-getTime, completed) that fetch current time for cities.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/prompt-kit

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.