Open Source Visual Builder for Web & Emails

Chai Builder is an open-source React npm package that lets developers easily add a drag-and-drop page builder, featuring pre-built components and responsive design, perfect for creating marketing, landing pages & email templates

Seamlessly integrate with any framework or platform that supports ReactJS.

Introduction to Chai Builder

Your go-to solution for creating beautiful and functional web pages and email templates. Our open-source visual builder combines the power of React and Tailwind CSS, making web development fast, efficient, and enjoyable.
1

Open Source: Fully open-source, allowing you to customize and extend as needed.

2

User-Friendly Interface Intuitive drag-and-drop interface suitable for all skill levels.

3

Flexible Integration Seamlessly integrate with any framework or platform that supports ReactJS.


Chai Builder Editor

<ChaiBuilderEditor /> is the base component of the @chaibuilder/sdk package. It will render a full page website builder inside your application. This component is ideal for isolated use like inside a CMS, or small portion of app that needs user built templates.

Chai Builder Studio

<ChaiBuilderStudio/> is extended from the base Chai Builder Editor. This component renders a full page website builder with pages management, website SEO settings and more. This component can be ideally used with full stack frameworks like NextJS,  Astro etc. This will also need backend implementation for storing data & rendering pages.

Chai Builder Email

<ChaiBuilderEmail /> is extended from the base Chai Builder Editor. This component renders a full page email builder with email templates management, branding options and more. This component can be ideally used with full stack frameworks like NextJS,  Astro etc. This will also need backend implementation for storing data.

Download Chai Studio

Try the FREE code exporter tool. Build your webpage in builder and export code in HTML, React, Vue.