npm i chaicoreopen source

A visual builder that lives inside your Next.js app - and gets out of your way.

ChaiBuilder is a low-code builder shipped as an npm package. Override routing, add custom blocks and panels, plug in your own Payload collections, then hand off visual editing to your team - all on your own database and infrastructure.

Build your first branded client site in the trial.

The problem

The no-code wall

01

Fast, until it isn't

No-code and hosted builders are quick until you hit the one thing the tool won't do - and now can't ever do.

02

You don't own the output

Your markup, data, and users live on someone else's platform; you can't extend what you can't touch.

03

Escaping means a rebuild

ChaiBuilder starts from code you already own, so there is no wall to hit and nothing to escape.

The differentiation

Low-code,
not no-code

The whole point.

A plugin, not a platform

ChaiBuilder is a plugin inside your Next.js app that controls the visual layer. It does not take over the app.

Code is the escape hatch, by design

Anything the visual tools can't do is handled by you in code - custom blocks, custom panels, routing overrides, your own collections. That's the design, not a workaround.

Builder extension points

Your block library, your builder

Custom blocks

Add blocks for anything the built-ins don't cover; they surface natively inside the builder for editors to use.

Custom panels & extensible UI

Extend the builder interface itself with your own panels and controls.

Design tokens & theme system

Encode a reusable design system so editors stay on-brand without touching CSS.

Build your block library and design system once, reuse them across every project.

Framework-level control

It's still your Next.js app

Override pages and routing

Add your own routes and build your own solutions on top - it stays a standard Next.js app.

React-based, framework-agnostic

Works with any React framework; Next.js is the recommended core setup for the features it unlocks.

SSG + ISR out of the box

Pages build on first visit, cache, and auto-revalidate on publish.

The data layer

Your CMS, your data

Payload out of the box, swappable

Payload CMS ships by default; plug in your own collections and logic, or swap the CMS entirely - there's no table coupling.

Data binding

Bind structured content and data into page elements; wire blogs and collections to visual pages.

Your database

Everything lives in your own Postgres or SQLite. ChaiBuilder has no access.

Learn more about ownership

From one command to published, in four steps

  1. 1

    Create your project

    Run npx chaibuilder-app create

    The CLI scaffolds a Next.js + Payload CMS project with chaipro set up and walks you through configuration - database, environment, the works.

  2. 2

    Deploy to your server

    Your hosting, your database. The 30-day trial starts when you deploy - no credit card, no email.

  3. 3

    Build visually

    Create pages, sections, and content on the visual canvas, with the AI assistant alongside.

  4. 4

    Publish in one click

    Changes go live in a single action.

Pages render with SSG + ISR - each page is built on its first visit, cached, and automatically revalidated when you publish.

See how it works in detail
AI assistant

Edit by chat.
No coding required.

An in-builder chat panel that edits content, creates and edits sections, and helps with SEO and theming — all in plain language.

Bring your own AIVercel AI Gateway out of the box
Open Source

Open source at the core

The core builder is open source

chaicore is a basic Next.js website builder: visual builder, SQLite page storage, and rendering. You can self-host and inspect end to end. It also exports a pure <ChaiBuilderEditor /> React component you can embed in any React app. The chaibuilder-app CLI is open source too, so you can see exactly what it scaffolds. A runnable builder, not a black box.

chaipro adds Pro extensions

The paid npm package is the chaicore core plus a set of Pro extensions: roles, revisions, multilingual, redirects, media management, animations, advanced AI, multi-tenancy, and more. That is what makes it the professional product.

Inspectable. Self-hostable. Yours.
Pricing

Simple yearly pricing. Every feature, every plan.

Solo

$99/ year
  • 1 license, up to 3 domains
  • The full product with ChaiBuilder branding in the builder
Start for FREE

Studio

$399/ year
  • 1 license, unlimited domains
  • The full product with ChaiBuilder branding in the builder
Start for FREE

Agency

Custom Branding
$899/ year
  • 1 license, unlimited domains
  • Plus the Custom Branding flag: your own logo and colors inside the builder
Start for FREE

White Label Solution

Multi-tenant, managed or self-hostable.

Contact us

Custom Integration

Embedded in your app, with source-code access.

Contact us

30-day trial - no credit card, no email.

Licenses are perpetual within a version window - valid through the end of your year and eligible for any chaipro version released in that window. Renew to stay current.

FAQ

Frequently asked questions

How does the free trial work?
It's a 30-day trial with no credit card and no email required. Create your project with
npx chaibuilder-app create
, deploy to your server, and the trial starts on deploy. There are no refunds, so use the trial to validate fit before buying.
What does the license actually cover?
Licenses are perpetual within a version window: valid through the end of your year and eligible for any
chaipro
version released in that window. When it expires, renew to stay current or keep running the last eligible version.
What's open source and what's paid?
The open-source core (
chaicore
) is a basic Next.js website builder: visual builder, SQLite page storage, and rendering. The paid
chaipro
package adds a set of Pro extensions on top: roles, revisions, multilingual, redirects, media management, advanced AI, multi-tenancy, and more.
Can I use a different CMS?
Yes. Payload CMS ships wired in out of the box, but there is no coupling between Payload's tables and ChaiBuilder's. Swap in any CMS you prefer.
How does Bring-Your-Own-AI work?
The AI assistant runs on Vercel AI Gateway or OpenRouter out of the box, and you can configure any custom provider via ChaiBuilder config. Usage stays under your own provider account.

Start building today.

Deploy the starter in minutes. No credit card, no email. When you're ready, pick a plan that fits.

The Visual Website Builder

You Actually Own. React + Next.js, low-code, self-hosted. Your data, your infrastructure, every feature included.

Resources

© ChaiBuilder. All rights reserved.