jsdrop.
EMBEDDING

A little server, anywhere.

Put a runnable drop inside a blog, documentation page, or another website.

Run button and source

An embed shows a Run button, with tabs for index.ts and package.json. The program runs in the visitor’s own browser when they press Run.

<iframe
  src="https://jsdrop.com/embed/YOUR_SLUG"
  width="100%" height="450"
  title="My jsdrop server"
  allow="fullscreen; cross-origin-isolated"
  style="border:1px solid #e1dfe8;border-radius:12px"
  loading="lazy"
></iframe>

Source first and themes

Add mode=code to open on index.ts instead of the Run tab. Theme accepts light, dark, or auto. Append /v1 to pin the embed to an immutable snapshot. Without a version, the embed shows the latest saved version and follows new ones as they are saved.

/embed/YOUR_SLUG?mode=code&theme=dark
/embed/YOUR_SLUG/v1?mode=code&theme=auto

Cross-origin isolation

Node.js in the browser needs a cross-origin isolated page. When the page around the embed is not isolated, the embed offers to run the drop in a new window instead.

Made to be explored. Open the workspace and try it for yourself. Coming from Val Town, Replit, or Glitch? See how jsdrop compares.