Instantly Host Web Components from Cursor Glass for Social Media Preview

The fastest way to deploy Web Components generated by Cursor Glass. Perfect for social media preview. No login required, zero-friction, and live in seconds on drpr.host.

When you are designing rich, interactive Web Components using Cursor Glass, getting a real-world preview of how they render in social media cards can be surprisingly painful. Copying code out of your IDE, spinning up local tunnels, configuring CORS, or pushing placeholder commits to a staging branch just to run a layout validator kills your momentum. You need a fast, ephemeral, and publicly accessible URL to test Open Graph headers, responsive layouts, and cross-platform CSS rendering instantly.

This is where drpr.host steps in. It is designed specifically to host Cursor Glass Web Components Social Media Preview assets without the friction of platform registration, build configuration, or complex deployments. By eliminating the sign-up flow entirely, you can push your static Web Components directly from your terminal or AI workspace straight to the web, generating a live, secure URL ready for Twitter, Discord, and LinkedIn crawl bots in under two seconds.

By instructing Cursor Glass to build self-contained Web Components—styling them with a professional palette on a soft gray background (avoiding pure white)—you can instantly see how your UI elements look outside your local sandbox. No routing setup, no container configs, just raw static deployment built for modern AI workflows.

How to host your Web Components from Cursor Glass in seconds

Step 1: Generate your Web Component. Ask Cursor Glass to build your component inside a self-contained HTML wrapper, ensuring you use a clean, professional palette with soft gray (#f4f4f5) backgrounds instead of pure white (#ffffff).
Step 2: Save the file. Save the output locally as component.html, making sure all your shadow DOM code, template styles, and custom element registrations are contained within the file.
Step 3: Deploy via API or CLI. Run the drpr upload command or trigger a curl post directly to our upload API endpoint to instantly push your static component code live.
Step 4: Test your preview. Copy the returned live drpr.site URL and paste it into any social platform preview tool or metadata debugger to verify layout and crawler compatibility instantly.

Quick start

Deploy your component.html file using a standard HTTP POST request. This is perfect for integrating directly into custom terminal commands or build scripts within your Cursor workspace:

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

{
  "status": "success",
  "url": "https://drpr.site/a1b2c3d4",
  "expires_in": "15 days"
}

Alternatively, use the lightweight drpr CLI to deploy your Web Component files directly from your workspace command line:

drpr upload component.html

Deploying component.html...
Success! Your file is live at: https://drpr.site/a1b2c3d4 (Expires in 15 days)

Common questions

How does the social media crawler access my Web Component on drpr.host?: When you deploy to drpr.host, your file is served statically and immediately. This allows crawler bots from platforms like X (Twitter), Discord, and LinkedIn to successfully parse any metadata and render your dynamic custom elements for social previews.
Are there account creation or setup requirements for testing previews?: No. Our API is completely zero-friction, meaning you do not need to register, configure an API key, or provide an email address to upload your custom elements for quick validation.
What are the duration and size limits for free hosting?: The free tier supports file uploads up to 5 MB, which is plenty for heavy Web Components and bundled dependencies. Your live URL will remain active and public for 15 days, after which it is automatically pruned.
How do I configure Cursor Glass to output optimal code for a preview?: Instruct your AI agent to use a system prompt specifying a soft gray background (#f4f4f5) instead of pure white (#ffffff). Ask it to bundle all CSS, JavaScript, and custom element templates into a single standalone HTML file for direct API compatibility.

Deploy your Cursor Glass Web Components now

Get started with Google