Native-first application orchestration
XTend keeps small HTML projects simple, then adds declarative orchestration, diagnostics, and controlled remote surfaces when your product grows.
One native-first toolkit
Start with semantic HTML, familiar ESM JavaScript or TypeScript, or declarative RMT without closing the path to a larger application tomorrow.
Load owned Web Components from a local manifest and compose them directly in semantic HTML.
Move state, actions, resources, routes, and surfaces into reviewable RMT source when complexity grows.
Keep scheduling, diagnostics, security decisions, and release readiness visible instead of implicit.
Progressive architecture
XTend Classic, the ESM Registry, and XTend Maraca share the same local, inspectable component and orchestration foundation.
XTend Classic
Author regular HTML, preload the first viewport, and let xtend-loader.js register deeper components as they approach the viewport.
Best for: landing pages, documentation, progressive enhancement, and small application shells.
Learn XTend ClassicESM Registry
Import scheduling, rendering, typed app and store APIs from @ccslabs/xtend, then boot the RMT orchestration host once with await readyXTend().
Imports stay side-effect-free, while browser, bundler, Vite, and DOM-neutral SSR projects use the same concise API.
Best for: JavaScript and TypeScript teams that want framework-style DX with native platform boundaries.
Explore the ESM RegistryApplication platform
Compile declarative application records into optimized ESM bundles with explicit hydration, transitions, PWA policy, and production evidence.
Best for: stateful products, governed teams, reusable shells, and server-capable delivery.
Explore XTend MaracaSource to governed surface
XTend scales through explicit boundaries rather than hiding application behavior inside a monolithic runtime.
Start in HTML or describe state, actions, events, resources, and surfaces in RMT.
Connect XTend UI, routing, browser capabilities, and host adapters without surrendering platform primitives.
Use Fabric lanes, fibers, reporters, and hydration policy to make runtime work measurable.
Let XScaler preflight remote code and XSurface Shard create lifecycle-owned, ATC-compatible handoffs.
ESM Registry · JavaScript and TypeScript
Use the package root with a browser import map, Vite, or another ESM-aware bundler. The import is side-effect-free; readiness explicitly starts the orchestration kernel.
XTend Classic · No application build required
Preload only the first viewport and leave the remaining component modules to the loader.
Keep the entry point simple
Start in semantic HTML, build a typed ESM application, learn RMT, or inspect every runtime and gate directly in the repository.