Bubble

A chat message bubble that aligns and colours itself by sender.

Library

D2Studio UI

Framework

React

Type

ui

License

MIT

Dependencies

radix-ui

Install

npx shadcn@latest add https://d2studio.dev/r/bubble.json

Files

• registry/default/ui/bubble.tsx
• lib/utils.ts

Source

https://github.com/rajaaltus/d2studio-ui

Categories

• Chat Message Components
• React Chat Message Components
• Tailwind CSS Chat Message Components
• Social Components
• React Social Components
• Tailwind CSS Social Components

More from D2Studio UI

• Message
• Message Scroller
• Accordion
• AI Block
• AI Content Creator Card
• AI Content Creator Card v2
• Siri Prompt Input
• AI Writing Assistant
• Alert
• Alert Dialog
• Aspect Ratio
• Attachment