Skip to content
Documentation

Vibe-coded projects

Import exported builder code into Hexby and keep improving the real app.

Keep working on an app made with a visual or AI builder after you export its code. Hexby works with the project files, so you can inspect the UI, make a change with your coding assistant, and review the code in one place.

Before you start

  • An app built with an AI builder.
  • A local checkout or access to its Git repository.
  • Dependencies installed for the project.
  • React-based projects, Next.js 13 or later, or Angular 17 or later.
  • Git installed on the machine running Hexby.

Choose your platform

Choose your builder and follow its steps to publish the app code to GitHub. Then connect that repository in Hexby using its web address (the URL starting with https://). If you already have the exported code on your computer, open its local project folder instead.

Get your Lovable project onto GitHub

Sync the Lovable project to GitHub, then import that repository.

  1. 01
    Open your project

    Open the Lovable project you want to bring into Hexby.

  2. 02
    Connect GitHub

    Open Project settings → Git → GitHub, add your GitHub account, and install the Lovable GitHub app.

  3. 03
    Link the project

    Connect the project to GitHub. Lovable creates a private repository and starts two-way sync automatically.

  4. 04
    Copy the repository URL

    Open the repository from Lovable’s GitHub settings and copy its HTTPS URL below.

After the import

  1. Let Hexby analyze the project and build its visual workspace.
  2. Start in Component Map, then use Pages or All Components to find the UI that matters.
  3. Connect your preferred coding assistant and request one focused change.
  4. Review the preview and changed files before sharing through GitHub.
Preview App runs the imported project with navigation and responsive-size controls.
Use the full app to confirm the imported project behaves in its real route context.

If your builder is not listed

Look for an Export, Git, or Code action in the builder. Push the underlying React or Angular project to GitHub, then import its repository into Hexby. If the project still does not load, check the root folder, dependencies, framework, environment values, and Git installation. See Troubleshooting if needed.

Next step

Continue with Install and open a project or return to the Quickstart if this is your first Hexby project.