# Chai Builder - Open Source React Website Builder

[![npm version](https://img.shields.io/npm/v/@chaibuilder/sdk.svg)](https://www.npmjs.com/package/@chaibuilder/sdk)
[![License](https://img.shields.io/npm/l/@chaibuilder/sdk.svg)](https://github.com/chaibuilder/chaibuilder-sdk/blob/main/LICENSE)

Chai Builder is a **full open-source React website builder** that empowers developers to create stunning web pages visually using drag-and-drop functionality. Built with React and Tailwind CSS, it seamlessly integrates into your existing projects.

🚀 **Out-of-the-box support for:**

- **Next.js 16**
- **Tailwind CSS v3+**

📚 **[CodeWiki](https://codewiki.google/github.com/chaibuilder/sdk)** | 🎨 **[Live Demo](https://chaibuilder-sdk.vercel.app/)**

![CHAI BUILDER](https://fldwljgzcktqnysdkxnn.supabase.co/storage/v1/object/public/dam-assets/assets/chai-builder.jpg)

## ✨ Features

- 🎨 **Visual Drag & Drop Builder** - Create pages visually without writing code
- ⚛️ **React-First** - Built as a React component for seamless integration
- 🎯 **Tailwind CSS Powered** - Leverage the full power of Tailwind CSS v3+
- 🚀 **Next.js 16 Ready** - Full support for the latest Next.js features
- 🔧 **Two Flexible Modes** - Use as a core builder component or as a complete Next.js website builder
- 📦 **Extensible** - Add custom blocks and components
- 💾 **Data Control** - Full control over how and where you save your data
- 🎭 **Framework Agnostic Rendering** - Render blocks in any React application

---

## 📦 Packages

Chai Builder is available in three packages:

| Feature                   | sdk<br />(reactjs) | next <br />(nextjs) | pro<br />(multi-tenant nextjs) |
| ------------------------- | :----------------: | :-----------------: | :----------------------------: |
| Drag & Drop React Builder |         ✅         |         ✅          |               ✅               |
| Extensible API            |         ✅         |         ✅          |               ✅               |
| Inner Hooks               |         ✅         |         ✅          |               ✅               |
| Custom Blocks             |         ✅         |         ✅          |               ✅               |
| Custom Panels             |         ✅         |         ✅          |               ✅               |
| Data Binding              |         ✅         |         ✅          |               ✅               |
| i18n Support              |         ✅         |         ✅          |               ✅               |
| AI Panel(standard)        |         ✅         |         ✅          |               ✅               |
| Theme System              |         ✅         |         ✅          |               ✅               |
| Import HTML               |         ✅         |         ✅          |               ✅               |
| Partial Blocks            |                    |         ✅          |               ✅               |
| Page Types                |                    |         ✅          |               ✅               |
| Collections               |                    |         ✅          |               ✅               |
| Media Manager             |                    |         ✅          |               ✅               |
| SEO & JSON-LD             |                    |         ✅          |               ✅               |
| Preview Mode              |                    |         ✅          |               ✅               |
| CMS Integration           |                    |         ✅          |               ✅               |
| BYO Stack                 |                    |         ✅          |               ✅               |
| Multiple Languages        |                    |                     |               ✅               |
| AI for SEO                |                    |                     |               ✅               |
| Revisions                 |                    |                     |               ✅               |
| Design Tokens             |                    |                     |               ✅               |
| Library                   |                    |                     |               ✅               |
| Multi User                |                    |                     |               ✅               |
| AI Context & Advanced AI  |                    |                     |               ✅               |
| Multi-tenant Support      |                    |                     |               ✅               |
| Reveal Animations         |                    |                     |               🔜               |
| New Builder UI            |                    |                     |               🔜               |
| Registry of Custom Blocks |                    |                     |               🔜               |
| Premium Templates         |                    |                     |               🔜               |

---

## 🎯 Use Cases

- **Landing Pages** - Build beautiful landing pages with ease
- **Marketing Websites** - Create and update marketing content visually
- **Content Management** - Empower non-technical users to create pages
- **Rapid Prototyping** - Quickly prototype and iterate on designs
- **White-Label Solutions** - Build page builders into your SaaS products

---

## 🤝 Support

If you like the project, you can assist us in expanding. ChaiBuilder is a collaborative endeavor crafted by developers in their free time. We value every contribution, no matter how modest, as each one represents a significant step forward in various ways, particularly in fueling our drive to enhance this tool continually.

<a href="https://www.buymeacoffee.com/chaibuilder" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 25px !important;width: 117px !important;" ></a>

## Acknowledgments

Chai Builder stands on the shoulders of many open-source libraries and tools. We extend our gratitude to the developers and maintainers of these projects for their contributions.
