CSS Speech Bubble / Tooltip Generator
Generate a CSS chat-bubble / speech-bubble / tooltip shape — a rounded box with a positionable pointed tail built from the classic border-triangle technique (::after/::before), not clip-path. Set color, radius, padding, an optional outline and the tail’s edge, offset and size, with a live preview and ready-to-paste CSS + HTML.
Authorizations
Bearer authentication header of the form Bearer <token>, where <token> is your auth token.
Body
Bubble Text
Class Name
Background Color
Text Color
Border Radius (px)
0 <= x <= 50Padding — left/right (px)
0 <= x <= 60Padding — top/bottom (px)
0 <= x <= 60Add a border
Border Color
Border Width (px)
1 <= x <= 10Tail Edge
bottom, top, left, right Tail Offset (%)
0 <= x <= 100Tail Size (px)
4 <= x <= 40Response
Tool output
The tool's slug, echoing the {slug} in the request path.
Output-contract version for this tool.
Credits this call consumed, after any settlement refund. 0 when metering is disabled.
Credits left in the current monthly allowance, or null when metering is disabled.
Correlation id, also sent as x-request-id.