Same controller, any view
React, Vue, and sometic-* custom elements are thin shells over one engine. Behavior is portable; the framework is not the source of truth.
One behavior model for UI, forms, auth, and HTTP across every JavaScript stack.
Shared controllers power the app. Thin adapters for React, Vue, and Web Components. Your design system stays yours. Swap the view layer without rewriting core logic.
What makes Sometic different
Not another component kit. A portable application behavior system. Prove it in three moves.
One engine → three surfaces
Write behavior once in a framework-agnostic controller. Bind it through React, Vue, or sometic-* elements without forking state, focus, or keyboard rules.
Auth refresh + HTTP queue
When a request gets 401, Sometic coordinates refresh and retries through a shared queue. Provider SDKs stay optional peers. The orchestration stays in core.
Same engine, your skin
No default look. Style with slots and state attributes. Keep brand CSS intact while the behavior layer stays patchable via npm.
Built for real production constraints
Most UI kits assume your design system or force heavy third-party SDKs into your runtime. Sometic stays out of your way.
Framework-agnostic controllers
State, focus, and interaction logic are completely decoupled from framework lifecycles. Swap your view layer tomorrow without rewriting a single line of core behavior.
Zero CSS contamination
No stylesheets, no default themes, no runtime CSS injection. You own design tokens and DOM structure completely.
Zero-dependency HTTP core
Built on native fetch with an interceptor pipeline and token refresh queue. No mandatory Axios or networking SDK in core.
SSR-safe from day one
Core controllers guard environment globals at import time, so Next.js, Nuxt, and Remix avoid hydration mismatches and window errors.
Tree-shakable subpath exports
Import only what you use. Feature-isolated packages keep production JavaScript lean and fast.
Declarative slot architecture
Layouts rely on native DOM slots and state attributes for precise control over rendered nodes and the accessibility tree.
Where the adapters live
The engine is shared. Adapters are how you mount it. Wave A is production-ready; B and C are experimental binds.
Production adapters
Full wrappers over shared engines for React, Vue, and Vanilla Web Components.
Store bindings Experimental
State-slice integrations for Angular, Svelte, Solid, and Preact.
HTML-first enhancements Experimental
Progressive hooks for Alpine.js, jQuery, and HTMX.
Start where the system is
Enter through architecture and app services first. UI engines are included. They are not the product story.