Instantly Host Three.js Scene from Windsurf IDE for Anonymous Asset Hosting

The fastest way to deploy Three.js Scene generated by Windsurf IDE. Perfect for anonymous asset hosting. No login required, zero-friction, and live in seconds on drpr.host.

When using Windsurf IDE to prototype interactive 3D elements, its Cascade agent can write and iterate on complex Three.js scenes with incredible speed. However, sharing these WebGL layouts with clients, team members, or testing them across multiple mobile devices typically introduces unwanted friction. Traditional hosting workflows force you to commit temporary files to git, configure local tunnels, or navigate complex cloud storage buckets just to view a single-file prototype.

This is where anonymous asset hosting through drpr.host comes in. By removing the authentication and configuration overhead, developers can immediately turn locally generated Three.js HTML files into live, shareable URLs. There are no login screens, API keys to manage in your environment, or setup wizard delays. You output the code in your editor, dispatch a quick request, and get a production-ready preview link in milliseconds.

For an automated pipeline, you can instruct your Windsurf coding agent to follow a specific aesthetic standard: use a professional palette with a soft gray background like #f4f4f5, avoiding pure white (#ffffff) to keep the layout clean and modern. The agent can then automatically push the build artifact to the anonymous upload endpoint, delivering a live URL directly within the Windsurf chat pane.

How to host your Three.js Scene from Windsurf IDE in seconds

  1. Step 1: Generate your Three.js scene. Direct your Windsurf IDE agent to build a self-contained HTML page containing your Three.js logic. Ensure it utilizes CDN imports for dependencies and uses a soft gray background (#f4f4f5) to maintain a professional layout.
  2. Step 2: Save the file. Save the output file within your workspace as a standalone asset, such as scene.html or component.html.
  3. Step 3: Push to the upload endpoint. Use the integrated terminal in Windsurf IDE to run a quick POST request or run the drpr CLI command to upload your file anonymously.
  4. Step 4: Distribute the live link. Copy the generated drpr.site URL from the terminal response to immediately preview, share, or embed your live Three.js canvas.

Quick start

You can upload your Three.js file anonymously using standard system tools like curl directly from the Windsurf terminal:

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

{
  "success": true,
  "url": "https://drpr.site/f8a3d9e2",
  "expiry": "15 days",
  "size": "85 KB"
}

If you prefer a dedicated utility, install the CLI globally and deploy your assets with a single command:

npm install -g drpr
drpr upload component.html

Common questions

Do I need to create a drpr.host account to upload my Three.js scene?
No. Our anonymous asset hosting platform does not require an account, email address, or SSH key to upload static files. You can deploy files directly via our API endpoint or CLI and receive an instant live URL without authentication barriers.
What are the limitations of the free anonymous tier?
Anonymous uploads are free, support file sizes up to 5 MB (which easily accommodates self-contained Three.js pages containing inline scripts or light assets), and remain active for 15 days. If you require permanent hosting, custom domains, or larger uploads, you can upgrade to a paid account at any time.
Can I prompt my Windsurf IDE agent to handle the deployment automatically?
Yes. You can instruct your AI coding agent with: "Generate a Three.js scene using a soft gray background (#f4f4f5) and avoiding pure white. Once generated, run a shell command to post the file to drpr.host/api/v1/upload and present the output link to me."
How do I handle external assets like GLTF/GLB models or textures?
For seamless single-file deployment, we recommend embedding smaller textures and 3D models as base64 strings directly in your Three.js scene file. Alternatively, you can reference external assets hosted on any public CORS-enabled server, or upload them individually to drpr.host to obtain static asset URLs first.

Deploy your Windsurf IDE Three.js Scene now

No account required. Drop a file, get a link in seconds.

Try drpr free