shadcn/ui Conversation Components

Dev Design Library indexes 8 shadcn/ui conversation components from 4 open-source UI libraries, with the most coming from Notra, AI Elements (Svelte), Cojeev UI and Shadcn Space. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Conversation components belong to the AI group.

Skeleton 06 - Chat ConversationShadcn Space · ReactChat skeleton with a contact header, incoming and outgoing message bubbles of varied length, and a message composer.
ConversationAI Elements (Svelte) · SvelteA sticky-bottom conversation container with empty state and scroll-to-bottom controls for chat interfaces.
ChatGPTNotra · ReactA full recreation of a ChatGPT conversation with thinking, web search, reasoning and the model picker, built on shadcn…
Message ScrollerCojeev UI · ReactKeeps a conversation near its latest content while allowing readers to scroll back without being pulled down.
ChatGPT ThreadNotra · ReactThe ChatGPT conversation column with auto-scroll, a scroll-to-bottom button and a pinned footer.
ClaudeNotra · ReactA full recreation of the claude.ai chat with web search, serif replies, message actions and the model picker, built on…
GeminiNotra · ReactA full recreation of the Gemini chat built from the Gemini components on shadcn Base UI.
PerplexityNotra · ReactA full recreation of a Perplexity thread with search steps, citations, sources sheet, composer and a replayable…

shadcn/ui Conversation Components

Libraries with shadcn/ui conversation components

Related categories