Web Builder - An example app built with Kombai
A production-ready frontend for a website template editor - designed for visual editing of HTML templates. Edit texts, images, and layout blocks and get functional HTML, CSS code outputs. This app was entirely built using Kombai, an AI agent built for frontend tasks, across 5 threads.
🛠️ Tech Stack
Frontend Framework
- React 19 - Latest React with concurrent features
- TypeScript - Type-safe development
- Vite - Fast build tool and development server
UI & Styling
- Mantine v7 - Modern React components library
- Emotion - CSS-in-JS styling solution
- Lucide React - Beautiful icon library
State Management
- Redux Toolkit (RTK) - Predictable state container
- React Redux - Official React bindings for Redux
Routing
- React Router v7 - Declarative routing for React
Core Editor
- GrapesJS - Web builder framework for drag-and-drop page building
👨💻 How it was built
Here are the loom recordings of some threads used to build this project with Kombai
An additional thread used for refactoring the code output of Thread 5 using Kombai