Domphy
UI as plain objects.
No JSX. No virtual DOM. No compiler. Just JS objects that become real DOM.
$npm create domphy@latest
⚡
No compiler, no syntax tax
Elements are plain JS objects. Works in a script tag, Vite, browser extension — anywhere JS runs. ~15 kB core + theme gzip.
🤖
AI generates it correctly
Plain objects are what LLMs produce naturally. @domphy/doctor catches mistakes and tells the model exactly what to fix — self-corrects without you debugging.
📦
Complete stack included
Query, Router, Table, Virtual, Form, DnD, i18n, Charts — all built in. No stitching third-party libraries together.
Packages
| Package | Description |
|---|---|
@domphy/core | Runtime — elements, reactivity, lifecycle, SSR |
@domphy/theme | Design tokens — color, spacing, size, dark mode |
@domphy/ui | 87 UI patches — button, dialog, table, form controls… |
@domphy/app | App layer — file-based routing, layouts, SSR, lazy routes |
@domphy/query | Async data fetching, caching, mutations, infinite queries |
@domphy/router | Type-safe client-side router with search params and loaders |
@domphy/table | Headless table — sorting, filtering, pagination, grouping |
@domphy/virtual | Virtualization — lists, grids, masonry, infinite scroll |
@domphy/form | Form state, validation, field arrays, async submission |
@domphy/dnd | Drag and drop — sortable lists, multi-container, multi-drag |
@domphy/chart | SVG + WebGL charts — line, bar, pie, scatter, gauge… |
@domphy/press | SSG docs engine — markdown, search, islands, routing |
@domphy/markdown | Markdown → Domphy elements (SSR/SSG pipelines) |
@domphy/mermaid | Mermaid diagrams — build-time SVG + client render |
@domphy/palette | Color science — CIELAB metrics, contrast, palette quality |
@domphy/i18n | i18next wrapper with reactive t(listener, key) |
@domphy/doctor | Static analyzer — flags non-idiomatic code, auto-fixes |
@domphy/mcp | MCP server — 10 tools for AI agents to explore the framework |
@domphy/audit | Layout verification via Playwright — overlap, contrast, geometry |
create-domphy | Scaffolder — npm create domphy@latest Vite + TS starter |
Installation
npm install @domphy/ui @domphy/core @domphy/theme