Components/Bubble

Bubble

A composable bubble primitive for modern product interfaces.

Base UI

Can you turn this dashboard into a reusable component?

Absolutely — I’ll separate the data, layout, and interactions.

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add bubble

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx

import { Bubble, BubbleContent } from "@/components/quack/bubble"

<Bubble><BubbleContent>How can I help?</BubbleContent></Bubble>