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.