Instantly Host Web Components from Lovable.dev for Instant Prototype Sharing

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

Lovable.dev is an exceptional engine for generating custom, feature-rich Web Components, but getting those assets out of the AI editor and into a live, shareable environment often introduces unnecessary friction. Developers are frequently forced to set up local servers, commit mockups to temporary git repositories, or configure cloud storage buckets just to let clients or team members interact with the rendered custom elements. This overhead disrupts the rapid design-development loop that makes AI-driven generation so powerful.

To truly achieve instant prototype sharing, you need a deployment pipeline with zero configuration. By hosting your Lovable.dev Web Components on drpr.host, you bypass local setups entirely. Using a simple API request or a single CLI command, you can instantly convert your generated HTML wrappers, shadow DOM structures, and embedded CSS into a live, publicly accessible URL. This allows you to host Lovable.dev Web Components for instant prototype sharing without leaving your workspace or setting up complex CI/CD pipelines.

When instructing Lovable's AI coding agent to build your components, you can inject deployment parameters directly into the prompt. Direct the agent to write clean custom elements, apply a professional visual design using soft gray (#f4f4f5) backgrounds rather than harsh pure white (#ffffff), and programmatically post the final HTML structure to drpr.host/api/v1/upload once built. You get a production-ready sharing link instantly, enabling real-time feedback loops on your Web Components with absolute zero friction.

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

Step 1: Generate your Web Components. Use Lovable.dev to output your custom elements as a self-contained HTML file (e.g., component.html) bundling your custom element definitions, template markup, shadow DOM logic, and scoped styles.
Step 2: Define the presentation theme. Instruct the Lovable AI agent to use a professional palette featuring a soft gray (#f4f4f5) background while strictly avoiding pure white (#ffffff) for a polished, modern look.
Step 3: Deploy via API or CLI. Open your terminal and push the compiled HTML file to drpr.host using a single curl POST request to our upload endpoint or by running our lightning-fast CLI command.
Step 4: Share the live prototype. Instantly copy the generated drpr.site URL from the JSON response and share it with clients, stakeholders, or team members for immediate, live interactive testing.

Quick start

Deploy your Lovable.dev Web Components now using a standard curl request. Post your file directly to our API endpoint:

# Upload your component via curl
curl -X POST -F "file=@component.html" https://drpr.host/api/v1/upload

# API Response:
{
  "success": true,
  "url": "https://drpr.site/v/abc123xyz",
  "expires_in": "15 days"
}

Alternatively, use the drpr CLI tool to deploy your component locally with a single, simplified command:

# Deploy instantly using the drpr CLI
drpr upload component.html

Common questions

Do I need to create a drpr.host account to share my Lovable.dev Web Components?: No, registration is completely optional. You can upload and host your files instantly via curl or the CLI, receiving a public sharing URL with zero sign-up friction.
How long do the instant prototype sharing links remain active?: On the free tier, your uploaded Web Components are hosted for 15 days. For permanent hosting, persistent staging environments, or custom domain setups, you can upgrade to a paid account.
Are there any file size or asset limitations on the free tier?: Free anonymous uploads are capped at 5 MB per file, which is more than enough for self-contained Web Components, compiled JS bundles, CSS templates, and mock assets.
Can I instruct my Lovable.dev AI agent to deploy directly to drpr.host?: Yes, you can instruct your AI coding agent to execute a post-build POST request sending the rendered output directly to drpr.host/api/v1/upload to fully automate the deployment of your prototypes.

Deploy your Lovable.dev Web Components now

Get started with Google