Framework-independent core
SDUI Blade Core
Typed schemas, a JSON parser, and Zustand-backed journey state form the rendering-independent protocol.
@slashand/sdui-blade-core
Open source · Slashand LLC
Architecture that crosses framework boundaries
SDUI Blade is a framework-independent TypeScript orchestration system for horizontal, context-preserving interface journeys, with native adapters for Angular, React, and Svelte.
View Slashand on GitHubOne typed protocol · Three framework-native adapters
Four independently versioned MIT packagesOne protocol, three native renderers
The core owns journey state, typed schemas, and parsing. Each adapter translates that protocol into framework-native components without moving orchestration rules into the renderer.
Angular adapter
SDUI Blade Angular
Angular signals, registered components, and SSR-aware hosts render the shared blade protocol.
@slashand/sdui-blade-angular
React adapter
SDUI Blade React
An external-store bridge and component registry translate core state into framework-native React rendering.
@slashand/sdui-blade-react
Svelte adapter
SDUI Blade Svelte
Svelte runes, snippets, and responsive blade geometry provide a native shell over the shared core.
@slashand/sdui-blade-svelte
Design decisions visible in the source
The public packages expose the architectural boundaries directly instead of hiding them behind a single framework implementation.
01
Schema before rendering
Typed JSON definitions describe blade identity, presentation, and navigation while the parser protects the runtime boundary.
02
State belongs to the core
Journey state distinguishes durable destinations from transient contextual actions without binding that behavior to a component framework.
03
Inversion of mount points
Applications register their own components at mount points, allowing the protocol to coordinate interfaces it does not need to import.
04
Framework-native adapters
Angular, React, and Svelte consume the same protocol through their native reactivity and composition models instead of a lowest-common-denominator wrapper.