​
App Settings

Kombai provides a few app settings to support the code generation process better. These are:

  • Search Codebase: Search the codebase to understand the repo better.
  • Plan before code generation: Create a development plan before code generation.
  • Auto-run code: Auto-run the code in a local dev server to preview results.

​
Code Settings

Kombai supports a wide range of tech stacks, component libraries, and styles. Here’s the complete list of frameworks and libraries you can choose for the code generation:

​
Tech Stack

​
Framework

  • React 19 TypeScript
  • React 19 JavaScript
  • Next.js 15

​
API & State Management

  • RTK, RTK Query
  • Zustand
  • Zustand, TanStack Query
  • TanStack Query

​
Router

  • None
  • React Router v7(framework mode)
  • React Router v7(data mode)
  • React Router v7(declarative mode)
  • TanStack Router

​
Component Library & Styles

​
Component Library

  • Material UI(v5, v6, v7)
  • Ant Design v5
  • Chakra UI v2
  • Mantine v7
  • Shadcn

​
Tailwind version

  • No Tailwind
  • v3
  • v4

​
Styles

  • CSS Modules
  • Emotion
  • Sass
  • SCSS
  • Less
  • None

​
Icon pack

  • Material UI
  • Font-Awesome
  • Heroicons
  • Lucide

​
Use assets from my Figma for icons

When enabled, Kombai will use the SVGs from your Figma file to generate icons.

​
Use Smaller Components

When enabled, Kombai will generate smaller components.

​
Use Layout Components

When enabled, Kombai will use layout components(eg. Grid, Stack, etc.) from component library.