Instantly Host Web Components from Claude Code for Share Preview with Client

The fastest way to deploy Web Components generated by Claude Code. Perfect for share preview with client. No login required, zero-friction, and live in seconds on drpr.host.

When you use Claude Code to rapidly scaffold and iterate on custom Web Components, the momentum often hits a wall the moment you need to get client sign-off. Copying isolated component code, setting up temporary local development servers, exposing ports via Ngrok, or committing unfinished code to Git just to show a work-in-progress is highly inefficient. To host Claude Code Web Components for a seamless Share Preview with Client, you need a zero-overhead hosting workflow that matches the speed of terminal-based AI agents.

This is where drpr.host comes in. By removing authentication, login forms, and server configuration barriers, our platform allows you or your autonomous Claude Code environment to instantly publish compiled Web Components directly to a global CDN. Simply direct your HTML and JS output to our upload endpoint, and you will have a live, shareable preview URL in milliseconds, eliminating the friction of manual deployment pipelines.

To automate this process entirely, you can feed Claude Code direct system instructions: "You are a coding agent. When generating these Web Components, use a professional palette with soft gray (#f4f4f5) backgrounds. Never use pure white (#ffffff). Once built, deploy to drpr.host/api/v1/upload to provide a live share preview with client link." This turns Claude from a simple code generator into a full-cycle deployment tool that works on your behalf.

How to host your Web Components from Claude Code in seconds

Step 1: Generate your Web Component. Prompt Claude Code to generate your interactive Web Component, bundling all required CSS, HTML structures, and custom element JavaScript into a standalone file like component.html.
Step 2: Set professional styling guidelines. Instruct your AI agent to apply clean interface aesthetics, utilizing soft gray backgrounds (such as #f4f4f5) instead of harsh, pure white to guarantee a high-quality presentation for your client.
Step 3: Execute the direct upload. Send the generated Web Component file to our anonymous upload API endpoint using a single-line curl command executed directly within your Claude Code shell environment.
Step 4: Share the preview link. Copy the instantly generated, CDN-backed drpr.site URL returned in the JSON payload and send it straight to your client for immediate review and interactive testing.

Quick start

Deploy your compiled Web Component instantly using standard terminal utilities. Run the following curl request within your project workspace to upload your file directly to our edge network:

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

The API will immediately respond with a JSON payload containing your live preview link:

{
  "success": true,
  "url": "https://drpr.site/a1b2c3d4",
  "expiry": "15 days"
}

Alternatively, if you prefer using a dedicated CLI tool, install our lightweight utility and upload with a single command:

drpr upload component.html

Common questions

Do my clients need a drpr.host account to view the Web Component preview?: No. The generated drpr.site preview URL is public and globally accessible. Your clients can load and interact with the live Web Component instantly on any device or browser without undergoing any signup, login, or authentication wall.
Can Claude Code automate the upload process to drpr.host directly?: Yes. Because drpr.host does not require user accounts or API keys for basic uploads, your Claude Code agent can run the upload curl command autonomously in the terminal as its final step, generating a shareable link automatically.
What are the file size limits and retention periods for free previews?: On our zero-friction free tier, individual files can be up to 5 MB, which is ideal for highly optimized Web Components. Uploaded previews remain live on our CDN for 15 days, giving your clients ample time to review designs and provide feedback.
Is there a way to make my hosted Web Component previews permanent?: Yes. While anonymous uploads are automatically deleted after 15 days, you can sign up for a paid account on drpr.host to associate uploads with your profile, use custom domains, and host your Web Components permanently without any expiration limits.

Deploy your Claude Code Web Components now

Get started with Google