Kombai builds beautiful, functional frontends from Figma, text, images, or code. It understands your codebase and the best practices of 30+ frontend libraries to deliver clean, production-ready code. It vastly outperforms generic coding agents + frontier models + MCPs in real-world frontend tasks. (see benchmarks) If you are new to Kombai, visit the following guides:

Set up

Guide to set up Kombai and start using it in your IDE.

Quickstart

Guide to generate high-quality frontend code from Kombai.

​
Features

Visit the following guides to learn more about Kombai’s features:

Configure tech stack

Guide to configure the tech stack for your code generation.

Plan for complex tasks

Guide to generate an editable development plan before complex tasks.

Generate code

Guide to generate code based on your preferred tech stack.

Run & fix code

Guide to run & fix the generated code in sandbox.

View & save

Guide to view and save the generated code.

​
How to use Kombai

You can interact with Kombai with either of the two modes: Code or Ask.
  • Code mode is for generating code based on the selected tech stack. It is the default selected mode in Kombai.
  • Ask mode is for searching and understanding the existing codebase. It is ideal for familiarizing yourself with a codebase or asking general frontend-related queries.

Code mode

Generate high-quality frontend code in your preferred tech stack.

Ask mode

Ask questions or queries to better understand the current codebase.