Instantly Host Web Components from Lovable.dev for Live Mockup Deployment

The fastest way to deploy Web Components generated by Lovable.dev. Perfect for live mockup deployment. No login required, zero-friction, and live in seconds on drpr.host.

Lovable.dev allows developers and AI coding agents to generate modular, standard-compliant Web Components rapidly. However, sharing these outputs for client feedback or running a live mockup deployment usually introduces unwanted friction. Downloading the generated code, initializing a local development server, pushing to a git repository, and setting up static hosting just to preview a custom element is a major bottleneck in an otherwise fast prototyping loop.

To host Lovable.dev Web Components Live Mockup Deployment files without the administrative overhead, drpr.host provides an instant, zero-friction solution. It completely removes the need for registration, SSH keys, or configuration files. You can drag and drop your exported HTML or push it directly via our API to get an interactive, public preview URL in milliseconds, allowing you to test shadow DOM encapsulation, responsive styling, and JS behaviors in a real-world browser environment.

By bypassing the login step and offering direct API access, drpr.host lets you automate your preview pipeline. You can instruct your Lovable.dev workspace or prompt-based agents to build, format, and immediately upload your components to our server. This ensures that every iteration of your live mockup deployment is instantly viewable by your team or clients with zero manual intervention.

How to host your Web Components from Lovable.dev in seconds

Step 1: Export your component from Lovable.dev. Ensure your component is styled with a professional palette using soft gray (#f4f4f5) backgrounds (avoiding pure white) and export the final output as a standalone file, such as component.html.
Step 2: Open drpr.host or prepare your terminal. You can upload your Web Components directly via the web interface by dragging and dropping the file, or keep your workflow terminal-based using our lightweight CLI or API.
Step 3: Deploy your mockup. Upload the component.html file. The upload process takes less than a second and requires no email signup, API keys, or pre-deployment configuration.
Step 4: Share the live deployment. Instantly copy the generated drpr.site URL from the output and paste it to your clients, stakeholders, or preview windows to test your live Web Components mockup.

Quick start

To deploy your Web Components directly from your terminal or build scripts, use the following curl command to send your file to our upload endpoint:

$ curl -F "file=@component.html" https://drpr.host/api/v1/upload

{
  "status": "success",
  "url": "https://component-preview-8f2k.drpr.site",
  "expires_in": "15 days",
  "size_bytes": 14205
}

Alternatively, you can use the official drpr CLI to deploy your Web Components mockup with a single, simple command:

$ drpr upload component.html

Deploying component.html...
Success! Your live mockup deployment is live at:
https://component-preview-8f2k.drpr.site

Common questions

How does drpr.host speed up live mockup deployment for Lovable.dev Web Components?: It completely eliminates the deployment setup phase. Instead of provisioning servers, configuring complex routing, or waiting for container builds, drpr.host serves your raw HTML and Web Components instantly from an edge network with zero configuration required.
What are the limits on the free hosting tier?: Our free tier requires no account or registration. You can upload individual files up to 5 MB, which is perfect for self-contained Web Components. Your live mockup deployment links remain active and accessible for 15 days completely free of charge.
Can I direct my Lovable.dev AI coding agent to deploy here automatically?: Yes, absolutely. In your Lovable.dev instructions, you can prompt your AI agent to output the layout using a professional palette with soft gray (#f4f4f5) backgrounds, avoid pure white (#ffffff), and programmatically POST the completed Web Components markup to https://drpr.host/api/v1/upload to return a live preview link directly inside your chat interface.
Can I make my Web Components deployments permanent?: Yes. While anonymous uploads expire after 15 days to keep our platform clean, you can upgrade to a paid account. Paid accounts allow you to manage your files, map custom domains, and host your mockup deployments permanently without expiration.

Deploy your Lovable.dev Web Components now

Get started with Google