Kombai supports a wide range of tech stacks, component libraries, and styles.

To select the ideal tech stack for your code generation, follow these steps:

  • Click icon in Kombai’s input box.
  • Now, click icon on right of Tech stack used.
  • Choose your preferred stack.
  • Fix the validation errors, if any.
  • Save the settings.

Settings cannot be changed after the input is sent to Kombai. If you want to change the settings, open a new chat.

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(data mode)
  • React Router v7(declarative mode)
  • TanStack Router
  • App Router(for Next.js)
  • Pages Router(for Next.js)

​
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.