Weblab: Website Builder for Teams Who Own a Codebase

Weblab is a website builder for React and Next.js teams. Instead of a walled-garden editor, it works on the codebase you already own: design on a visual canvas with your real components, let AI assist within your design system, and ship every change as a pull request to GitHub. Open source and free to self-host. Marketing sites, web apps, dashboards, and design systems — all in real code you keep.

Website Builder

The website builder for teams who own a codebase

Most website builders trap your site inside their platform. Weblab is different: a visual canvas, real React components, AI assistance, and pull-request output — on the codebase you already own.

Most website builders make you choose

Drag-and-drop builders are fast but lock you in: proprietary markup, proprietary hosting, no real components, no git. The moment you outgrow them, you're rebuilding from scratch in code.

Code is powerful but slow to iterate on visually — every spacing tweak is a round trip through an editor, a dev server, and a review.

Weblab removes the trade-off. You get drag-and-drop speed on a visual canvas, and the output is real code in your repo. Design fast, own everything.

One builder, three ways to work

Visual

Drag your real components onto an infinite canvas. Adjust spacing, swap variants, edit tokens — all visually, all backed by code.

Visual site builder →

AI

Describe the change. AI edits your real components within your design system and writes a clean diff — never generative slop.

AI website builder →

Code

Drop into the code whenever you want. Canvas and code stay in sync because both read the same JSX. Ship as a GitHub pull request.

Visual builder features →

Weblab vs traditional website builders

CapabilityWeblabWix / Squarespace / Webflow
OutputReal React/Next.js code in your repoProprietary markup on the vendor
HostingAnywhere — Railway, Vercel, your VPSLocked to the platform
ComponentsYour real design systemThe platform’s generic blocks
Version controlNative git + pull requestsNone / proprietary history
AI assistanceConstrained to your componentsGeneric template generation
ExtensibilityFull code access, any npm packagePlugin marketplace limits
Lock-inNone — you own the codeHigh — export is an escape hatch
Open sourceYes — self-host freeNo

For developers who already write React or Next.js, the best website builder is one that works on your real codebase instead of a walled-garden editor. Weblab is a website builder that reads your components, lets you design on a visual canvas, and ships every change as a pull request to your GitHub repo — so you keep the code, the hosting, and the design system you already have.

Wix, Squarespace, and Webflow host your site on their platform and generate their own markup. Weblab works on a React or Next.js codebase you own. The output is code in your repo — reviewable as a PR, deployable anywhere. You're never locked into a proprietary editor or host.

Designers can work entirely on the visual canvas without writing code — drag components, adjust spacing, change tokens. Real code runs underneath. Unlike pure no-code tools, the result is a clean React codebase your engineers can extend by hand whenever they want.

Weblab is open source and free to self-host. The hosted cloud version has a free tier with daily limits and paid Pro tiers from $25/month up to enterprise. See the pricing page for the full grid.

Marketing sites, landing pages, dashboards, web apps, design systems, and component libraries — anything you'd build in React or Next.js. Weblab is a website builder for production codebases, not just static brochure pages.

No. The visual canvas uses familiar design tools. But because the output is real code, a developer can step in at any point. It's built for designer + engineer teams working on the same artifact.

React and Next.js today, with any CSS approach (Tailwind, CSS modules, styled-components) and any component library (shadcn/ui, Material UI, Chakra, Radix). Vite, Remix, Astro, and TanStack Start support is rolling out.

You do. The code lives in your repository from the first edit. Export it, push to GitHub, deploy to Railway, Vercel, or your own infrastructure. No lock-in.

Build on a real codebase.
Ship pull requests.