Skip to content
CodeMyVibe

Getting started with CodeMyVibe

From your first account to your first published project, step by step.

  1. 1

    Create your account

    Sign up for free with your email, no credit card needed. On your first visit you choose a light or dark theme, your name and a name for your workspace.

  2. 2

    Describe your project

    In the workspace, write what you want to build. Choose the type, React app or Static site, and the mode: Build to start right away, Plan to talk the idea through first.

  3. 3

    Answer a couple of questions

    If something is unclear, before building the agent may ask you up to two multiple-choice questions. Pick an answer and it gets to work.

  4. 4

    Watch it take shape

    On the left, the chat shows the plan, the steps and the files being changed; on the right, the live preview updates. Switch between phone and desktop view and between the pages of your project.

  5. 5

    Refine it

    Ask for changes in the chat, one at a time. If you prefer, open the Code tab and edit the files yourself: save and the preview updates. Before every change a version is saved, and you can restore it from the More tab.

  6. 6

    Publish or export

    Press Publish to put the project online at its own address, like name.previewmyvibe.com; you can change it under More, in Site address. You can unpublish it whenever you want, or download all the code from More.

Your next idea is one sentence away

Describe it, watch it take shape and put it online. Free to start, no credit card required.

Start for free