Bubble

Bubble with Crafter styling. Explore the live example and use the source in your project.

shadcn / Base UI

Sizes

This is a one line bubble.

This bubble has multiple lines. It should wrap to the next line and you should see a different radius on the corners.

This bubble has multiple lines.

It should wrap to the next line and you should see a different radius on the corners.

Here is some more text to see how it wraps.

Installation

Add the shadcn primitive and the shared Crafter theme to a Base UI project. The theme updates your project-wide tokens.

Terminal

bunx --bun shadcn@4.21.0 add http://localhost:4324/r/bubble.json

First time here? Read the setup guide ↗

Composition

A foundation for your own components. The source stays close to the upstream API.

Bubble

From the foundation

These primitives use shadcn Base UI with the same Crafter colors, typography and corners as this entire site. Customize that shared identity in the style generator.

Upstream documentation ↗