CLI-first UI components

Own your component source.

bambiui generates React, Solid, Svelte 5 and Vue 3 artifacts from internal DOM Protocol contracts. The CLI copies public registry files into your app; no runtime bambiui dependency required.

Get started Read docs Open Studio

npx bambiui init
npx bambiui add button tabs card --framework react
npx bambiui add checkbox input --framework react

Current architecture

Generated public artifacts, internal contracts.

Source distributed

Registry artifacts are safe to copy directly into user projects and are meant to be owned locally.

Framework ready

React, Solid, Svelte 5 and Vue 3 outputs share the same data-attribute contract.

Themeable in Studio

Use Studio to generate token scales and preview the same component surfaces before installing.

Registry previews

Landing previews render generated registry components.

Button

Intent variants, sizes, loading and disabled states.

Card

Token-driven surfaces for grouped content.

Theme preset

Source copied into your app.

Use tokens, data attributes and local CSS.

Checkbox

Checked, disabled and label states without runtime packages.

Input

Accessible input styling with semantic tokens.

Tabs

Keyboard navigation and controlled/uncontrolled modes.

Generated React components are copied as source.