ShadowRealm

MFE Runtime Demos

Each demo runs inside an isolated ShadowRealm. The renderer serialises all DOM mutations as intent ops and applies them host-side — no direct DOM access from the realm.

Dropdown with signal-driven notification badge. Exercises structural updates, signal fast-path, and event routing.

Signals Conditional render Events

Workspace Settings form with validation, conditional sections, autofocus, and scroll-to-error — full renderer contract coverage.

Validation FOCUS intent SCROLL_INTO_VIEW Signal fast-path

Reorderable List

Drag-and-drop sortable list powered by intent-based DOM moves. Exercises reordering, pointer events, keyed diffing, and signal fast-path updates.

Drag & Drop MOVE intents Signal fast-path

Network Data Panel

Resident status panel with host-fulfilled async snapshot and stream capabilities. Exercises async capabilities, host-push updates, and stale/error states.

Async Capabilities Streaming Error states Signal fast-path

Command palette teleported into a separate top-level host root via portals. Exercises multi-container orchestration, focus traps, and ARIA modal semantics.

Portals Multi-root Accessibility Focus trap