Kombai offers a wide range of tech stack options to choose from, allowing you to generate code that aligns with your project’s requirements. It allows you to configure the tech stack before accepting the input. You can change the tech stack anytime by opening a new chat. Tech stack is saved on the workspace level. If you are in a workspace where you have used Kombai before, your last saved configuration will be used in the next chat unless you change it.

​
How to configure the tech stack

To select the ideal tech stack for your code generation, follow these steps:
  1. Click icon in Kombai’s input box.
  2. Now, click icon on right of Tech stack used.
  3. Choose your preferred stack.
  4. Fix the validation errors, if any.
  5. Save the configuration.
Tech Stack cannot be configured after the input is sent to Kombai. If you want to change the tech stack, open a new chat.

​
Available Tech Stack

Here’s the complete list of frameworks and libraries Kombai offers for the code generation:

​
Core libraries

Core libraries include build frameworks, API & state management libraries, and routers.

​
Framework

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

​
API & state management

  • RTK
  • RTK Query
  • Zustand
  • TanStack Query
  • GraphQL
  • None
  • Other

​
Router

  • React Router v7(data mode)
  • React Router v7(declarative mode)
  • TanStack Router
  • App Router(for Next.js)
  • Pages Router(for Next.js)
  • Other

​
Components and styling

Component libraries includes UI libraries, Tailwind versions, styling libraries, and icon packs.

​
Component library

  • Material UI(v5, v6, v7)
  • Ant Design v5
  • Chakra UI (v2, v3)
  • Mantine v7
  • shadcn
  • Hero UI
  • Other

​
Tailwind version

  • No Tailwind
  • v3
  • v4

​
Styles

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

​
Icon pack

  • Material UI
  • Ant Design
  • Font-Awesome
  • Heroicons
  • Lucide

​
Use assets from my Figma for icons

When enabled, Kombai will download icons from the Figma input as SVGs. Icons from the icon pack will not be used in such a case. If the input is not a Figma file, the selected icon pack will be used.
Images in Figma that are not icons will always be downloaded whether this option is enabled or disabled.

​
Use Smaller Components

When enabled, Kombai will further breakdown the code into smaller components.

​
Use Layout Components

When enabled, Kombai will use components from the selected component library (eg. Grid or Stack in MUI) instead of using <div> elements for layout.