Superpowers
in a basic stack

routerx parses :id-style path parameters, query strings, and hash fragments automatically, so params arrive ready to use in your route handler.

routerx guards block navigation until your check resolves, with hooks. Pair with restate to gate routes on reactive auth state.

routerx lazy() code-splits route handlers behind dynamic imports, so heavy pages load only when visited.

routerx sanitizes paths and parameters against XSS and path traversal automatically, and exposes a method to check links.

restate gives you global or scoped reactive state with predictable mutation semantics, built on ES6 proxies.

restate $computed() lets you declare derived values that recalculate automatically from their dependencies.

restate PersistencePlugin syncs state to localStorage or IndexedDB with versioning and restore on load.

reflectx binds any state object to your HTML with declarative directives—text, attributes, and structure stay in sync.

restate tracks dependencies on your state, and reflectx propagates those changes to the DOM automatically.

reflectx x-if lets you show or hide UI from state without imperative DOM mutations.

reflectx x-for with x-key reconciles lists with minimal DOM updates and preserved item state.

restate HistoryPlugin records mutations so you can step backward and forward through state changes.

restate ImmutablePlugin adds a strict mode that blocks direct mutation when you need immutable state discipline.

monitor-loading tracks custom element readiness across your page and coordinates a unified loading experience.

re-theme discovers design tokens from CSS variables and propagates theme colors across your components.