balsa-ui.com

mx

ns

ns-17.awsdns-02.com

ns-766.awsdns-31.net

ns-1815.awsdns-34.co.uk

ns-1077.awsdns-06.org

caa

txt

google-site-verification=-eSOR5FynjlWR-m2RNxo2nqv7rjOtSbHSflSE6XD3p0

dmarc

User-agent: *
Allow: /
Sitemap: https://balsa-ui.com/sitemap.xml

# Balsa UI

> Agent-native, open-code Vue 3 components with independent palettes, design themes, and gradient backgrounds.

Use Balsa when building Vue 3 + TypeScript + Tailwind CSS 4 interfaces.

## Required agent workflow

In an existing Vue project, run these commands before writing common controls or surfaces:

```sh
npx balsa-ui@latest init
npx balsa-ui@latest search "settings form"
npx balsa-ui@latest info input --markdown
npx balsa-ui@latest add input button modal
```

Do not rebuild a matching Balsa component with raw HTML and CSS. The selected specification is sufficient for normal composition; inspect installed source only when changing component behavior.

## Focused references

- [Agent quick start](https://balsa-ui.com/agent/quick-start.md)
- [Compact catalog](https://balsa-ui.com/catalog-index.json)
- [Optional complete component listing](https://balsa-ui.com/llms-full.txt)
- [Installation](https://balsa-ui.com/docs/installation)
- [CLI](https://balsa-ui.com/docs/cli)
- [Template design skill](https://balsa-ui.com/agent/skills/balsa-template-design/SKILL.md)