Skip to main content
Kombai builds beautiful, functional frontends from Figma, text, images, or code. It understands your codebase and the best practices of 400+ frontend libraries to deliver clean, production-ready code. 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 code generation.

Rules

Guide to add rules for code generation.

Generate code

Guide to generate code based on your preferred tech stack.

Kombai Browser (Beta)

Guide to use Kombai Browser to tag DOM elements and send them back to Kombai as context.

​
How to use Kombai

You can interact with Kombai using any of the three modes: Code, Plan, or Ask.
  • Code mode is for generating code based on the selected tech stack. It is the default selected mode in Kombai.
  • Plan mode is for generating a detailed code plan for the given input. It is ideal for complex frontend tasks and high-level planning.
  • 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.

Plan mode

Generate a detailed code plan for the given input before starting the code generation.

Ask mode

Ask questions or queries to better understand the current codebase.