⚠️ We're continuously improving! Be aware that APIs may undergo changes in the future.

Open Source Low Code Visual Builder

Chai Builder is an Open Source Low Code React + Tailwind CSS Builder to create beautiful content driven websites. The perfect tool for Startups and Indie-Hackers alike.

Follow project progress

Stay Informed: Follow for Progress Notifications!

Image Description

Its just plain React

ChaiBuilder in a nutshell is a react component. It can be integrated into any React based framework like NextJS, Remix, Gatsby, Astro. We have created a starter with Next JS to get you started.

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.

  • 2

    Generative AI

    Generate website content with generative AI directly inside the builder.

  • 3

    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.

Join our community

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

Join Discord

Made in Chai Builder