AI Component Generation

TailUI can generate typed, accessible framework components using AI. The generated code uses your .ui-* styles — no utility class soup.

During npx tailui init, select your stack and configure an AI provider (OpenAI, Claude, Gemini, or Mistral). Or configure later:

npx tailui config --set-ai openai --set-key sk-...
npx tailui config --set-stack react

Then generate components:

npx tailui generate button   # → src/components/ui/Button.tsx
npx tailui generate card     # → src/components/ui/Card.tsx
npx tailui generate modal    # → src/components/ui/Modal.tsx

How it works

The AI reads your existing CSS styles and generates a component that uses your .ui-* classes. Supports React, Vue, Svelte, Angular, Astro, and more.

Security

Your API key is stored locally in ui.config.json. Add it to .gitignore if it contains secrets.