Colors
Primitive, semantic and intent color tokens used by the current bambiui components.
primaryscale
neutralscale
dangerscale
successscale
warningscale
Background
Foreground
Card
Primary
Secondary
Accent
Muted
Ring
BambiUI Platform
Studio
Free canvasSpace + drag pan · wheel pan · Cmd/Ctrl + wheel zoom · Cmd/Ctrl + 0 reset
Typography
Font, type scale, radius and shadow tokens shared by bambiui.
Type scale
Text xs · The quick brown fox
Text sm · The quick brown fox
Text base · The quick brown fox
Text lg · The quick brown fox
Normal
Medium
Semibold
Bold
Spacing
Gap, margin and padding tokens with per-side controls for top, right, bottom and left.
1
1-5
2
top/right/bottom/left margin + padding
Radius
Global radius scale plus per-corner radius tokens for top-left, top-right, bottom-right and bottom-left.
corner tokens
Border
Border colors, focus ring tokens and per-side border width/style controls.
per-side border width + style
focus ring tokens
Shadow
Primitive shadow scale plus an editable composition shadow token.
shadow-sm
shadow-md
shadow-lg
layout-shadow
Button
Current bambiui action component generated from bambi-vanilla via the CLI.
States
Badge
Compact status and metadata component with editable component-specific tokens.
DefaultSecondaryOutlineDangerSuccessWarning
States
SmallMediumLarge
Kbd
Inline keyboard input component with editable component-specific typography, sizing and surface tokens.
Press ⌘ K to open command menu.
States
EscShiftEnter
Tabs
Current bambiui tabbed navigation component generated from bambi-vanilla via the CLI.
Component previews update live as tokens change.
Inspect primitive, semantic, intent and component token groups.
Export CSS variables, JSON or a BambiUI preset.