Shopify/remote-dom

Health v2 · maintenance only

Adoption not part of the score

1330 stars · 88 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Remote DOM is a TypeScript library that synchronizes a tree of DOM elements created in a sandboxed JavaScript environment (like an iframe or Web Worker) to the real DOM in a host page. It lets untrusted or isolated code render a controlled set of UI elements on the main page without direct DOM access.

Use cases

• render UI from sandboxed third-party code in a web app
• run React or Preact inside a web worker and display it on the main page
• build plugin/extension systems where extensions render UI safely
• isolate untrusted JavaScript off the main thread while letting it draw UI
• synchronize DOM elements between an iframe and the parent page

When to choose

• you need to render UI from untrusted or third-party code in a controlled way
• you want to offload UI rendering from the main thread to a Web Worker
• you're building a platform where extensions embed UI into your host app
• you need framework-agnostic DOM mirroring across environments

When to avoid

• you just need standard iframe embedding without shared UI rendering
• your app is fully trusted and doesn't need sandbox isolation
• you need pixel-perfect or complex styling that a mirrored DOM subset can't express
• you're building a native/mobile app rather than a web project

Facets

library · maturity active

ui-components frontend-framework security middleware frontend web-development security developer-tools browser dom-synchronization sandboxing web-workers iframe plugin-ui shopify web-server javascript typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Shopify/remote-dom")