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+

📚 CodeWiki | 🎨 Live Demo

✨ 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.