Chai Builder - Open Source React Website Builder
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+
✨ 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 (reactjs) | next (nextjs) | pro (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.
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.