4 min read
You can deploy a website to Vercel by dragging a file, folder, or .zip into your browser
Vercel Drop creates a project, uploads your files, and publishes them to production with a live URL, with no Git repository, Vercel 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, 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.
Link to heading1. Webflow
Webflow 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 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 from the Vercel Marketplace and BotID.
Full guide: Export your Webflow site and host it on Vercel
Link to heading2. Claude Design
Claude 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, 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
Link to heading3. Google Stitch
Google Stitch 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. 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
Link to heading4. Bolt.new
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 or Next.js. 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 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
Link to headingWhat 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. After that, every push deploys automatically and your URL stays the same. You can also add a custom domain to any project, whether it came from a drop or a repository.
Link to headingFrequently asked questions
Link to headingDoes 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.
Link to headingWhat 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.
Link to headingCan 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 and push your changes.
Link to headingDo 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 for details and limitations.