https://github.com/chaibuilder/sdk
Open source Website Builder for React JS frameworks
https://github.com/chaibuilder/sdk
ai low-code react tailwindcss website-builder
Last synced: 3 months ago
JSON representation
Open source Website Builder for React JS frameworks
- Host: GitHub
- URL: https://github.com/chaibuilder/sdk
- Owner: chaibuilder
- License: bsd-3-clause
- Created: 2024-02-04T04:42:54.000Z (over 2 years ago)
- Default Branch: dev
- Last Pushed: 2026-02-24T10:13:57.000Z (4 months ago)
- Last Synced: 2026-02-24T11:32:25.988Z (4 months ago)
- Topics: ai, low-code, react, tailwindcss, website-builder
- Language: TypeScript
- Homepage: https://chaibuilder.com
- Size: 9.63 MB
- Stars: 412
- Watchers: 6
- Forks: 68
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Chai Builder - Open Source React Website Builder
[](https://www.npmjs.com/package/@chaibuilder/sdk)
[](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/)**
## ✨ 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 two packages:
---
### `@chaibuilder/sdk` - Core Builder
**For any React application**
The core builder package that can be integrated as a standard React component into any React application. Perfect for building custom page builders and visual editors.
**Core Features:**
- 🎨 **Drag & Drop React Builder** - Visual builder component for React
- 🔧 **Extensible API** - Add custom layouts with ease
- 🪝 **Inner Hooks** - Exposed hooks to create custom layouts
- 📦 **Custom Blocks** - Register custom blocks and block settings
- 🎛️ **Custom Panels** - Add your own custom panels
- 🔗 **Data Binding** - Built-in data-binding support
- 🌍 **i18n Support** - Internationalization ready
- 🤖 **AI Panel** - AI Chat Panel
- 🧩 **Partial Blocks** - Reusable header, footer components
- 🎨 **Theme System** - Customizable theming
- 📄 **Import HTML** - Import existing HTML content
📚 **[View Documentation](https://docs.chaibuilder.com/)**
---
### `@chaibuilder/next` - Next.js Website Builder
**For public content-heavy sites**
A more powerful Next.js-specific implementation designed for blogs, marketing sites, documentation, and any public-facing content. Built with **SSG (Static Site Generation) + ISR (Incremental Static Regeneration)** for optimal performance.
**All Core Features Plus:**
- 📄 **Page Types** - Define custom page types with specific layouts
- 📚 **Collections** - Manage content collections (blogs, products, portfolios)
- 🖼️ **Media Manager** - Built-in media manager with image editor
- 🤖 **AI Assistant** - Create and edit UI components and content with AI
- 🔍 **SEO & JSON-LD** - Advanced SEO features with structured data
- 👁️ **Preview Mode** - Live preview before publishing
- 🔒 **CMS Integration** - Connect to any headless CMS
- 🔐 **BYO Stack** - Bring Your Own Auth, Database (Postgres), and Storage
🚀 **Get Started:** [Next.js + Supabase Starter](https://github.com/chaibuilder/chaibuilder-next-supabase-starter) (Work in Progress)
---
## 🎯 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.
## 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.