Prompt Kit

Composable React components for AI interfaces by Julien Thibeaut (ibelick): prompt inputs, messages, chat scrolling, source citations, tool states and streamed responses. This collection records all21 canonical core components from the public source; data and interactions are local demonstrations. MIT source and applicable upstream notices are retained.

React Component

Visit Website GitHub

21 Components

Componentsopen source

Source

Citation badges reveal linked source titles and descriptions in hover cards.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Markdown

A Markdown renderer memoizes parsed blocks and supports code highlighting, GFM and custom elements.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Image

An image wrapper displays supplied base64 or byte-array content with standard image attributes.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Loader

Twelve loading indicator variants provide animated dots, bars, rings and text treatments in three sizes.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Scroll Button

A scroll-aware button returns a conversation to its latest content.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Prompt Suggestion

Suggestion buttons support normal, outlined and highlighted autocomplete-style prompts.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Prompt Input

A controlled prompt composer combines an expanding textarea with submission and action slots.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Chat Container

A composable conversation container follows new content while letting users inspect earlier messages.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Chain of Thought

A collapsible sequence groups reasoning steps with titles, status icons and optional supporting content.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

File Upload

A file input wrapper supports drag-and-drop selection, custom triggers and drag-state overlays.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

System Message

An inline status message combines styled variants with optional action controls.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Text Shimmer

A CSS gradient sweeps across text with adjustable duration and percentage spread.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Steps

A step list uses collapsible details, status icons and customizable supporting content.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Response Stream

A client-side text simulator reveals supplied text through typewriter or word-fade modes.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Reasoning

A controlled or automatic disclosure reveals streamed reasoning text and Markdown content.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Code Block

A code surface adds asynchronous syntax highlighting with configurable themes and composition slots.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Thinking Bar

A shimmering thinking-status label includes optional expand and stop controls.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

JSX Preview

A JSX parser renders supplied markup and can complete partial tags during a stream.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Message

Composable chat messages combine text, Markdown, avatars and contextual action controls.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Feedback Bar

A compact feedback row presents helpful/unhelpful controls and an optional close action.

by Prompt Kit0React · TypeScriptSource

Componentsopen source

Tool

A collapsible tool-call card displays its name, state, parameters and output.

by Prompt Kit0React · TypeScriptSource

All 21 Components loaded.

Prompt Kit

Source specialties

21 Components

Source

Markdown

Image

Loader

Scroll Button

Prompt Suggestion

Prompt Input

Chat Container

Chain of Thought

File Upload

System Message

Text Shimmer

Steps

Response Stream

Reasoning

Code Block

Thinking Bar

JSX Preview

Message

Feedback Bar

Tool