Braid

BraidTangle-free microfrontends.

Independently deployed applications composed into one document, one layout, and one accessibility tree — with each app's JavaScript isolated in its own realm.

Get started
Tutorial
Try in StackBlitz
View on GitHub

  • Split where the code runs from where the DOM lives

    Each app's JavaScript executes in its own hidden realm with its own globals and module registry. Its rendered HTML sits in the main page, in normal layout flow.

  • Composed on the server, painted before JavaScript

    The gateway fetches the shell and every fragment in parallel and splices them as they stream. curl the page and the content is already there — for SSR and SPA fragments alike.

  • Zero code changes

    The compat adapter gives an unmodified Angular or React app a convincing document, window, location and history, all wired to its own shadow root and route.

  • Two trust tiers, described honestly

    The default tier is namespace isolation, not a security boundary. When code must be contained rather than merely tidy, the untrusted tier puts a real cross-origin boundary under the same protocol.

  • The failure modes are published

    What goes wrong in practice, by symptom, with causes and fixes. Read it before debugging anything.