@hivetech/speech-bubbles

Framework-free SVG speech bubbles for browser overlays, games, and chat surfaces.

import { createBubbleLayer, defaultBubbleStyle } from "@hivetech/speech-bubbles";
import "@hivetech/speech-bubbles/style.css";

const layer = createBubbleLayer();

layer.show({
	id: "hello",
	text: "Hello from a standalone speech bubble.",
	pose: {
		anchor: { x: 420, y: 240 },
		tailVector: { x: -52, y: 32 },
		subjectRadius: 64
	},
	style: defaultBubbleStyle,
	autoReveal: true
});

The package has no Bumblebee SaaS dependency. Styles are passed as raw data, so apps can use the default style, Bumblebee's store themes, or their own tokens.