PAN Demo Browser

Welcome. Use the sidebar to open demos in the viewer.
topics: nav.* retained: nav.state iframe viewer

What is PAN?

PAN (Page Area Network) is a DOM‑native message bus and topic convention for UI components. It enables framework‑agnostic interop via CustomEvents.

  • Zero build: drop a <pan-bus> on the page
  • Loose coupling with topic contracts
  • Works with vanilla, Web Components, React/Lit/Vue, iframes
  • Retained snapshots and request/reply

Try Next

  • Hello Counter — the minimal pub/sub example
  • Todos + Inspector — watch traffic live
  • CRUD + Connectors — REST/GraphQL providers
  • SSE + Forwarder — bridge server events

Explore the Registry and Spec.