The React Website Builder
Embed a powerful, website builder directly into any React based application. Complete control with the flexibility of open-source.
Pure React Component
The @chaibuilder/sdk is a standard React component. Drop it into any existing React project and get a full-featured builder in minutes.
Customizable
Create a custom layout or extend the builder to add your own features without touching the core. Align the builder's look and feel with your brand's design system.
Custom Blocks
Add your own custom blocks. Custom blocks are standard React components registered with Chai Builder, giving you infinite flexibility for your UI components.
Integrate in Minutes
ChaiBuilder SDK is a pure React component. It doesn't dictate your stack; it just works within it.
Install & Import
Add @chaibuilder/sdk to your project. Import the ChaiBuilder component into any React page or route.
Define onSave
Implement the onSave callback. This function receives the JSON blocks whenever the user clicks save.
Store & Load
Persist the JSON blocks in your own database. To reload the page, simply pass the stored blocks back to the builder's initial data.
Built for Developers, by Developers.
Integrating a website builder shouldn't be a multi-month project. With ChaiBuilder SDK, it's as simple as importing a component and providing a storage provider.
- Built on top of React 18+ & Tailwind CSS v3
- Extensible with your own custom React components
- Can be used with any React Based Application/Framework
Bring Your Own React Components
Don't be limited by pre-built elements. ChaiBuilder allows you to register any React component as a custom block, making it instantly available in the drag-and-drop interface.
Perfect for complex UI elements, proprietary business logic, or specialized data visualizations that require full code control while maintaining a no-code editing experience for your users.
Full Props Control
Define which props are editable via the builder UI.
Seamless Integration
Your components inherit your app's styles and context.
Powerful SDK Features
Everything you need to embed a world-class website builder into your React applications.
Drag & Drop React Builder
A high-performance visual interface for building complex React components with ease.
Extensible API
A developer-first framework designed for deep customization and seamless integration.
React Hooks
First-class support for hooks to access internal builder logic, state, and events.
Custom Blocks & Panels
Build unique UI elements and tailor the configuration sidebars to your specific needs.
Data Binding
Effortlessly connect your visual components to dynamic data sources and external APIs.
Standard AI Panel
Leverage built-in AI capabilities to assist users in generating content and layouts.
Theme System
Manage global design tokens, typography, and styling variables across your entire project.
Import HTML
Streamline your workflow by converting existing HTML snippets directly into editable blocks.
Ready to build your own builder?
Join the agencies and startups scaling their content operations with ChaiBuilder. Start for free with our open-source SDK.
