ComponentReactregistry:componentSelf-contained

Bubble

bubble2

Chat bubble components for displaying messages with grouping, alignment, and reactions. All bubble examples remain fully compatible with Radix UI and Base UI.

@shadcnuikit Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @shadcnuikit/bubble2

Needs @shadcnuikit in your components.json registries — switch to URL if it doesn't resolve.

Registry: @shadcnuikit
Kind: Component
Framework: React
Files: 1 · 1.1 KB
Preview: Live
License: Not tracked · check @shadcnuikit

7 variants

Variants of this

Other takes on Bubble from @shadcnuikit — the same idea in another design, language or styling.

Chat bubble components for displaying messages with grouping, alignment, and reactions. All bubble examples remain fully compatible with Radix UI and Base UI.

Open

@shadcnuikit

More from @shadcnuikit

Search the catalog

Bubble

Variants of this

More from @shadcnuikit