⭐️ Please show your support by starring our GitHub repo! ⭐️

Open Source Page Builderfor marketers

Chai Builder is an Open Source Low Code React + Tailwind CSS Landing Page Builder. Its a simple React component which can be integrated into any React based framework.

Image Description

Collect form submissions

Want to gather valuable feedback and validate your startup idea? Our platform makes it easy to collect form submissions. Whether it's a contact form, a survey, or a feedback form, you can capture user data seamlessly.

Visual editing with limitless styling

Easily enhance your website's appearance with intuitive visual editing and styling tools. Our drag and drop Tailwind CSS builder empowers you to make design changes effortlessly. No need for coding or technical expertise; it's as simple as drag, drop, and customize.

Image Description
Image Description

Create your own custom blocks

You can create your own custom blocks to customize the blocks behaviour. Build anything from a simple heading to a complex sliders or other ui interactions. Just create a React component and register it with Chai Builder.

Connect external data source

Chai Builder allows two way to add content on your website. You can choose to add static content or fetch data from external sources like DB, CMS etc and bind it to block props inside builder

Image Description
Image Description

Extend builder to add custom functionality

Extensibility is built into Chai Builder. You can extend Chai Builder editor by adding custom panels, components at specific extension points. This allows the user to add functionality to builder without modifying the core.

Import Tailwind CSS snippets

Best thing about Tailwind CSS is the ecosystem. Chai Builder makes it easy to import Tailwind CSS snippets into builder and further modify them as needed. This significanlty improves the development time to build UI.

Image Description

Our Roadmap

Here's a glimpse of what you can expect in upcoming updates

  • 1

    Sub pages

    Easily reuse blocks across pages like header, footer etc for consistent, faster and easy development of pages.

  • 1

    Generative AI

    Generate website content with generative AI directly inside the builder.

  • 2

    Realtime Collaboration

    Enable realtime collaboration like Google docs. This will help building pages faster together

Starters to get you moving

Use our starters to get started with Chai Builder. Unleash your creativity.

#starter

ChaiBuilder + NextJS

Get Started with Chai Builder & NextJS. Rapidly build website without coding. Publish pages directly from builder.

#starter

Chai Builder + Gatsby

Get started with Chai Builder & Gatsby. Rapidly build website without coding. Publish website directly in builder.

Support Us


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.

Buy Me A Coffee

Join our community

Stay connected and get the latest updates on new developments by joining our Discord community!

Join Discord

Made in Chai Builder