You can deploy a website to Vercel by dragging a file, folder, or `.zip` into your browser

[Vercel Drop](https://vercel.com/drop) creates a project, uploads your files, and publishes them to production with a live URL, with no Git repository, [Vercel CLI](https://vercel.com/docs/cli), or local setup needed. That makes it a natural fit for tools that export website code, whether that's a visual builder like Webflow or AI tools like Claude Design, Google Stitch, and Bolt.new.

The workflow is the same for all four tools. Export your project, drag the export onto [vercel.com/drop](https://vercel.com/drop), choose your team, name your project, and select **Deploy**. This article covers what each tool exports, how Vercel deploys it, and where to find the full step-by-step guide.

| Tool | What you export | How Vercel deploys it |
| --- | --- | --- |
| Webflow | `.zip` with HTML, CSS, JS, and images | Static site, served as-is |
| Claude Design | `.zip` of website files | Static site, served as-is |
| Google Stitch | HTML files, one per screen | Static site, served as-is |
| Bolt.new | `.zip` with framework source code | Framework detected and built |

## [Copy link to heading](#1.-webflow)1\. Webflow

[Webflow](https://webflow.com/) is a visual builder for designing and publishing websites. On paid Workspace plans, you can export your site's code as a `.zip` containing HTML pages, CSS, JavaScript, and images, which means your design isn't tied to Webflow's hosting.

To host a Webflow site on Vercel, open the **Main menu** in the Webflow designer, select **Code export**, and click **Prepare ZIP**. Drag the downloaded `.zip` onto [vercel.com/drop](https://vercel.com/drop) and deploy. Webflow exports include an `index.html`, so your homepage loads at the root of your new URL automatically.

Keep in mind that some Webflow features depend on Webflow's hosting and don't carry over, including CMS content, form submission processing, Ecommerce, and site search. The full guide covers what carries over and how to handle forms with [Formspree](https://vercel.com/marketplace/formspree) from the Vercel Marketplace and [BotID](https://vercel.com/botid).

**Full guide**: [Export your Webflow site and host it on Vercel](https://vercel.com/kb/guide/webflow-vercel-drop)

## [Copy link to heading](#2.-claude-design)2\. Claude Design

[Claude Design](https://claude.ai/design) by Anthropic Labs creates websites, prototypes, and presentations from a conversation with Claude. It's available in research preview on Claude Pro, Max, Team, and Enterprise plans, and exports your finished design as a `.zip` of website files.

To deploy, select **Export** in the upper-right corner of your Claude Design project and choose **Download as .zip**. Drag the `.zip` onto [vercel.com/drop](https://vercel.com/drop), name your project, and deploy. There's no need to unzip the export first. If your export has no `index.html` at the top of the folder, Vercel asks which page should load at your site's root.

**Full guide**: [Deploy a Claude Design project with Vercel Drop](https://vercel.com/kb/guide/claude-design-vercel-drop)

## [Copy link to heading](#3.-google-stitch)3\. Google Stitch

[Google Stitch](https://stitch.withgoogle.com/) by Google Labs turns text prompts, sketches, and screenshots into UI designs, with HTML and Tailwind CSS behind every screen. Stitch is free and requires only a Google account.

Stitch exports work a little differently from the other tools on this list. Instead of a single `.zip`, you download the HTML for each screen from the code view (the `< >` icon on the canvas). Put the downloaded files in one folder, rename your preferred homepage to `index.html`, and drag the folder onto [vercel.com/drop](https://vercel.com/drop). Vercel serves every screen at its own path, so a screen exported as `pricing.html` is available at `/pricing.html`.

**Full guide**: [Deploy a Google Stitch design with Vercel Drop](https://vercel.com/kb/guide/google-stitch-vercel-drop)

## [Copy link to heading](#4.-bolt.new)4\. Bolt.new

[Bolt.new](https://bolt.new/) by StackBlitz builds full web apps from prompts, right in your browser. Unlike the static exports above, Bolt projects are standard framework projects, such as [Vite](https://vercel.com/docs/frameworks/frontend/vite) or [Next.js](https://nextjs.org/). Vercel Drop handles those too, detecting the framework and running the build for you.

To deploy, click your project title in Bolt, select **Export**, then **Download** to get a `.zip` of the source code. Drag it onto [vercel.com/drop](https://vercel.com/drop) and deploy. One thing to know in advance is that Bolt doesn't include the values from its Secrets panel in the export, so recreate any API keys in your Vercel project's environment variables after deploying.

**Full guide**: [Deploy a Bolt.new app with Vercel Drop](https://vercel.com/kb/guide/bolt-vercel-drop)

## [Copy link to heading](#what-happens-after-you-deploy)What happens after you deploy

Every drop creates a new Vercel project with its own production URL. That's convenient for prototypes, where each version stands on its own, but it means re-exporting and dropping again gives you a new URL each time.

If you plan to keep iterating on a project, move its code into a repository on GitHub, GitLab, or Bitbucket and [connect the repository to Vercel](https://vercel.com/docs/git). After that, every push deploys automatically and your URL stays the same. You can also [add a custom domain](https://vercel.com/docs/domains) to any project, whether it came from a drop or a repository.

## [Copy link to heading](#frequently-asked-questions)Frequently asked questions

### [Copy link to heading](#does-vercel-drop-require-a-paid-plan)Does Vercel Drop require a paid plan?

No. Vercel Drop works on the free Hobby plan. Some tools on this list have their own plan requirements, such as Webflow's paid Workspace plans for code export and Claude Design's availability on paid Claude plans.

### [Copy link to heading](#what-file-types-does-vercel-drop-accept)What file types does Vercel Drop accept?

Vercel Drop accepts individual files, folders, and `.zip` archives. You don't need to unzip an export before dropping it.

### [Copy link to heading](#can-vercel-drop-update-an-existing-project)Can Vercel Drop update an existing project?

No. Each drop creates a new project. To deploy updates to the same project and URL, [connect a Git repository](https://vercel.com/docs/git) and push your changes.

### [Copy link to heading](#do-exports-from-other-tools-work-with-vercel-drop)Do exports from other tools work with Vercel Drop?

Yes. Any static site or supported framework project deploys with Vercel Drop, regardless of which tool produced it. See the [Vercel Drop documentation](https://vercel.com/docs/drop) for details and limitations.