> ## Documentation Index
> Fetch the complete documentation index at: https://ui-docs.vibeflow.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Publishing

> Deploy your UI to a live URL with one click

When your UI is ready, publish it to get a live URL anyone can visit. Publishing is instant  - your React application is built and deployed in seconds.

## How to Publish

<Steps>
  <Step title="Click Publish">
    In the editor, click the **Publish** button in the top-right toolbar.
  </Step>

  <Step title="Wait for build">
    VibeFlow runs `pnpm build` to create a production-optimized version of your
    React application. This typically takes 10–30 seconds.
  </Step>

  <Step title="Get your URL">
    Once published, you receive a live URL where your UI is accessible. Share it
    with anyone.
  </Step>
</Steps>

## What Gets Published

Your published UI is a fully built React application:

* **Optimized assets**  - Minified JavaScript, CSS, and optimized images
* **Fast loading**  - Production build with tree-shaking and code splitting
* **Live URL**  - Accessible from any browser, any device

<Note>
  **UI-only projects** don't include a backend. Published UIs are static React
  applications. If you need server-side functionality, consider upgrading to a
  full VibeFlow project.
</Note>

## Updating a Published UI

Every time you publish, it replaces the previous deployment at the same URL. Your link stays the same  - just publish again after making changes in the editor.

## Sharing

After publishing, you can:

* **Copy the URL**  - Share it directly via email, Slack, or social media
* **Embed it**  - Use the URL in an iframe to embed your UI in other websites
* **Present it**  - Open the URL in a browser for client presentations or demos