Skip to main content
vibld
StylesDocsSign in

Invite-only for now

Vibe. Build. Ship.

vibld turns a conversation into a working project. What you get at the end is a conventional, portable codebase you can read line by line and take with you.

No lock-in, no proprietary format that only runs inside vibld, and no required runtime. The core is open source under Apache-2.0.

vibld is invite-only for now. This is the list invitations go out from. No spam, one email when yours arrives, unsubscribe any time.

Already have an account? Sign in

View the code on GitHub

How it works

A conversation in, a folder of files out

Illustration, not a screenshotvibld is invite-only, so there is no public build to capture. This is drawn to show the flow, and the pottery class is an invented example.

Step 1

What you say

YouI teach wheel throwing on Saturdays. I need a page where people pick a two-hour slot and see a confirmation.

vibldStarting a React and TypeScript project: a class page, a slot picker and a confirmation screen.

Step 2

The code it writes

src/components/SlotPicker.tsx

import { useState } from 'react';

export function SlotPicker({ slots }: { slots: string[] }) {
  const [picked, setPicked] = useState('');

  return (
    <fieldset>
      <legend>Pick a Saturday slot</legend>
      {slots.map((slot) => (
        <label key={slot}>
          <input
            type="radio"
            name="slot"
            checked={picked === slot}
            onChange={() => setPicked(slot)}
          />
          {slot}
        </label>
      ))}
    </fieldset>
  );
}

Step 3

What you get back

  • clay-saturdays/
    • package.json
    • index.html
    • README.md
    • src/
      • main.tsx
      • App.tsx
      • styles.css
      • components/
        • SlotPicker.tsx

npm install

npm run dev

Local: http://localhost:5173/

An ordinary Vite project. Open it in any editor and push it to any Git host.

Before you join

Questions worth asking first

  • Can I take the project somewhere else?

    Yes. Export downloads it as an archive: package.json, index.html, a src directory and a README. Push to GitHub opens a pull request in a repository you connect. From there it goes wherever you put it.

  • Does it need vibld to run?

    No. It installs and builds with the package manager it declares, npm install and npm run build. There is no vibld package in its dependencies and nothing that checks an account when it runs.

  • Will I be able to read the code?

    It writes React, TypeScript and Vite, with plain CSS unless you ask for something else. A frontend developer can review it without learning a new format first.

  • What if vibld shuts down?

    Projects you have exported or pushed keep working, because none of them call home. The core is licensed Apache-2.0, so anyone with a copy of the source can keep reading, running and forking it.

Open source

Judge the work, not the pitch

This page has no customer logos, reviews or user counts. The source is public, so you can read how vibld works before you trust it with anything.

Read the source on GitHubOpen-source notices

Get your invitation when it opens

Invitations go out from the waitlist, one email when yours arrives.

Join the waitlist

Already have an account? Sign in