Live now
v2.2.1No VDOM, fine-grained state Observers, component library, page routing, SSG/SEO tools, extensive theming, and more.
Built to ship fast with a simpler mental model.
No VDOM
Observers update exactly what changed. No rerender trees.
Batteries included
Components, themes, routing/SSG, rich text, validation, inputs.
One package
Less glue code, fewer dependencies, less framework tax.
Ditch complex state and rerender gotchas. Build with clean, composable primitives.
Direct UI updates (no reconciliation)
Reactive theming (no styling maze)
Routing/SSG/SEO handled by Stage
Built-in inputs + tracking hooks
Precise updates. No rerender loops.
Vite-friendly, JSX-first, opinionated.
Optimized for real UI bottlenecks.
Build with destamatic-ui using familiar JSX syntax and conventions.
import { Observer, Button } from '@destamatic/ui'; const Counter = () => { const count = Observer.mutable(0); return <div theme="column" style={{ gap: 12 }}> <div style={{ fontSize: 28, fontWeight: 700 }}> {count} </div> <div theme="row" style={{ gap: 10, flexWrap: 'wrap' }}> <Button type="contained" label="Increment" onClick={() => count.set(count.get() + 1)} /> <Button type="outlined" label="Reset" onClick={() => count.set(0)} /> </div> </div>; };
All the creature comforts you could possible need.
Component library
Inputs, navigation, display, icons, utilities — designed to work together.
Reactive themes
Cascading theme contexts + reactive CSS variables/functions. Easy to brand.
Stage routing + SSG
URL resolution, Stage trees, static generation, SEO-friendly head tags.
Validation + rich inputs
Input components built for real apps, with clean integration points.
Input tracking hooks
Wire your analytics once, track consistently across the app.
Accessibility-minded
Practical defaults + components you can audit and control.
Nothing to lose, everything to gain.
State: Observers
UI: direct DOM updates (destam-dom)
Themes: extensive/reactive CSS
Routing/SSG/SEO: Stage
Components: integrated library
Typical React stack
React + reconciler rules + memo/effect patterns
MUI (or similar) + theme setup + complex overrides
Redux/Zustand + middleware + patterns
Next/router + app structure decisions
A bunch of glue code to make it feel cohesive
If you like frameworks, you'll enjoy the internals. If you hate frameworks, you'll enjoy how little you need to think about them.
© Torrin Leonard 2026 🇨🇦 | Built with
destamatic-ui