Prompt Kit

React and Tailwind CSS building blocks for AI chat applications, including prompts, messages, streaming responses, reasoning, tool calls, sources, uploads, feedback, and complete chatbot examples.

23 published items

Julien Thibeaut

56 published items

Prompt Kit

Prompt Kit is ibelick's open source set of React components for building AI chat interfaces. This collection follows the upstream public registry at commit de80375967400aa0c6ebab9d3ba4f9258ab79fcc and links each item to its canonical https://prompt-kit.com/c/{name}.json payload. Catalogs does not host a copy of the component source.

The collection contains 21 focused UI components and two complete application examples. Components cover prompt entry, messages, Markdown and code output, streaming responses, reasoning, sources, tools, uploads, feedback, and chat layout. Chatbot and Tool Calling are intentionally listed as application examples because upstream publishes them as complete public registry items.

Before installing

  • Use a React application with Tailwind CSS and an initialized shadcn setup.
  • Keep the conventional @/components and @/lib aliases, or update imports after installation. Many components expect the consumer's @/lib/utils cn helper.
  • Install the shadcn primitives named by each upstream registry payload. They remain external dependencies and are not separate Prompt Kit listings here.
  • Preserve Prompt Kit's Tailwind 4 theme tokens, typography plugin, animations, dark-mode variant, and the shimmer keyframes used by Text Shimmer.
  • Mark components as client components when they use state, effects, browser APIs, or interactive shadcn primitives in a React Server Components app.

Inter and Geist Mono are used by the documentation site, not required by the component registry. The components use semantic Tailwind tokens and inherit the consumer's typography and theme. The upstream site uses next-themes, but the collection does not require that provider.

The application examples need more than visual installation. They use Next.js App Router handlers, the AI SDK, an OpenAI provider, streaming responses, and an OPENAI_API_KEY stored on the server. Review the runtime guide before exposing one to users. The upstream bring-your-own-key demo stores a key in local storage; that demonstration is not a production secret-handling recommendation.

Prompt Kit is MIT licensed. The upstream LICENCE.md identifies Julien Thibeaut as the 2025 copyright holder.