Installation

bambiui is installed with the CLI. The CLI copies generated artifacts from the public registry into your application as source code.

Requirements

• Node.js >=22.12.0
• A supported target framework: React, Solid, Svelte 5, or Vue 3
• A project where copied component source and CSS can live under your application source tree

Initialize

npx bambiui init

Initialization adds the global bambi CSS, shared helper file, and project configuration expected by copied components.

Add components

npx bambiui add button tabs --framework react

import { Button } from "@/components/ui/button";

npx bambiui add button tabs --framework solid

import { Button } from "~/components/ui/button";

npx bambiui add button tabs --framework svelte

<script lang="ts">
  import { Button } from "$lib/components/ui/button";
</script>

npx bambiui add button tabs --framework vue

<script setup lang="ts">
import { Button } from "@/components/ui/button";
</script>

What gets copied?

The CLI copies only public registry files:

• generated framework component files
• component CSS files
• global CSS
• declared shared helpers

Installed output must not import internal contracts, controllers, primitives, generator code, or runtime @bambiui/* packages.

Next steps

Open a component page, copy the framework-specific usage snippet, preview the component behavior, then customize the tokens listed at the end of the page.