Public beta
Describe a site or an app. vibld can sketch three directions, writes a spec for the one you pick, builds a real React project, checks its own work, and hands you code you can read line by line.
A demonstration drawn in this page. It does not call a model. Sign up to use the real thing.
Conversation 1 prompt
Preview style: Spec A
Preview of Clay Saturdays, an invented site, in the Spec A style.
src/App.tsxaccepted
import { motion } from 'motion/react';import { ArrowRight } from 'lucide-react';import { Button } from '@/components/ui/button';import { SlotPicker } from './components/SlotPicker';export default function App() { return ( <main className="min-h-svh bg-background text-foreground"> <Nav brand="Clay Saturdays" /> <section className="grid gap-10 px-6 py-20 lg:grid-cols-2"> <div className="flex flex-col gap-5"> <p className="font-mono text-xs uppercase">Saturday wheel classes</p> <motion.h1 initial={{ opacity: 0, y: 8 }} animate={{ opacity: 1, y: 0 }} className="font-display text-5xl tracking-tight"> Throw your first pot this weekend. </motion.h1> <Button size="lg">Pick a slot <ArrowRight /></Button> </div> <HeroArt /> </section> <SlotPicker items={['09:00', '11:30', '14:00']} /> </main> );}01How it works
Each step leaves something you can look at: a spec, files, a check report, a preview. Nothing is public until you publish it.
Plain words, with specifics: what it is, who uses it, what it has to do. Style, Reference, Media and Preferences sit in a row under the message. The agent may ask a question or two, then builds.
Before the first build, ask for three sketches that differ in look, not just color, for about a tenth of a build, and choose one. Or skip the sketches and name one of the style presets.
The direction becomes DESIGN.md: the colors, type, breakpoints and motion the build has to honor, written into the project where you can read it.
A run writes a project in React and TypeScript on Vite, and there is no accept step: it becomes the project. A draft of the page shows while the first build runs, and the code is shown as soon as it exists, badged while it is checked.
The files are read against the spec: the named colors, the display face, the breakpoints, alt text, a reduced-motion rule. Only an error the checker is sure of buys a repair, which is another paid call, and a repair patches only the files at fault.
Run live preview installs the project in a private sandbox and starts a real dev server, which takes each new version in place. A share link lets someone else see it until you revoke it. None of this makes anything public.
Under Ship: Export downloads the checkpoint as an archive. Push to GitHub opens a pull request in the project’s own repository. Publish puts it on the web at a name you choose, in two presses, and takes it down the same way.
02Styles
Ask for one by name, or for three sketches and pick. Each preset also says how it moves. Press a tile to re-skin the site in the builder above.
Surface treatments, rather than color schemes, are drawn in one neutral demonstration palette: the builder leaves their colors to the project.
and 10+ more:
03What you get
No proprietary format and no required runtime. The core is open source under Apache-2.0.
It installs and builds with the package manager it declares. There is no vibld package in its dependencies and nothing that checks an account when it runs.
Static checks read the files. Only an error the checker is sure of buys a repair, because a repair is another paid call. It patches the files at fault rather than rewriting the project.
In the project’s own repository, created or picked on its first push, on a vibld/ branch, against your default branch. Review it like any other change.
vibld: <revision>
your-org/clay-saturdays, from vibld/<revision>
Nothing automated can publish: no scheduled run, no webhook, no text in a commit. Take it down and the address stops working immediately, and the name stays yours.
clay-saturdays.vibld-preview.dev
Name itPublish
The source is public. Self-hosted, vibld is three Cloudflare Workers with deliberately different blast radii, so the code a model wrote never runs next to your provider keys.
04Use cases
The examples page shows real builds with their prompts and no hand edits.
A site for a dental practice with opening hours, services and directions.
A portfolio for a freelance illustrator with a gallery and a short bio.
A landing page for a cybersecurity SaaS with pricing, FAQ and a contact form.
A one-page site for a two-day developer conference with a schedule and speakers.
A personal budget tracker: add income and expenses with a category and a date, see the month’s balance, and export the month as CSV.
05Pricing
Model spend is what costs money to run. Every plan, Free included, comes with some each month.
$0no subscription
plus $1.00 once, when a new account adds a card
$1.00 of model spend included each month
An account with no active subscription is Free. It builds with GPT-6 Luna and keeps up to three active projects.
$29a month
or $290 a year, two months free
$10.00 of model spend included each month
Upgrading starts a Stripe Checkout session. Cancel plan is in the builder’s settings menu; cards and invoices are in Stripe’s billing portal.
$99a month
or $990 a year, two months free
$40.00 of model spend included each month
Upgrading starts a Stripe Checkout session. Cancel plan is in the builder’s settings menu; cards and invoices are in Stripe’s billing portal.
06Questions
vibld is an AI application builder that turns a conversation into a working project and generates a conventional, portable codebase you can read, own and take with you. It is in public beta, and anyone can sign up.
Free costs nothing and includes $1.00 of model spend each month. Build is $29 a month or $290 a year and includes $10.00 of model spend each month. Ship is $99 a month or $990 a year and includes $40.00 of model spend each month. A top-up is $20 for $8.00 of model spend, on any plan. A new account that adds a card also gets $1.00 of build credit once; the card is saved, not charged. Prices are in US dollars.
What it hands you is a conventional project: React, TypeScript and Vite, with no vibld package in its dependencies and nothing that checks an account when it runs. You can export it as a .zip or push it to GitHub as a pull request, and the core of the builder is open source under Apache-2.0, so you can read how it works or run your own copy.
Yes. The source is public, and self-hosted, vibld is three Cloudflare Workers on your own Cloudflare account with your own model keys; live previews and publishing need the Workers Paid plan. The project checks that a separately named copy deploys from the docs and refuses a signed-out caller, but nobody outside the project has deployed their own copy yet, and sign-in and generation on a copy are not checked. The self-hosting guide lists what it involves and what differs from the hosted service.
Yes, from the command line. In a clone of the repository, pnpm generate with one Anthropic, DeepSeek or OpenAI key runs the same bounded build as the hosted builder and writes the project to disk, and with --build it installs and builds the result with npm and asks the model for one repair if the build fails. A weekly workflow proves that from a clean clone. Running the builder interface locally, with pnpm --filter @vibld/web dev, uses a deterministic fake provider instead, so no model is called.
Chris Brock LLC, in Atlanta, Georgia. The name is a contraction of "vibe" and "build".
Public beta
Anyone can sign up. Add a card and get $1.00 of build credit. The card is saved, not charged.
Already have an account? Sign inRead the source on GitHub
The source is public, so you can read how vibld works before you trust it with anything. Open-source notices