decantr
The AI-native web framework. Zero dependencies. Native JS/CSS/HTML.
Frameworks were designed for humans. Decantr is designed for AI.
Why Decantr?
Traditional frameworks (React, Vue, Angular) were built for humans to write. AI doesn't think in JSX and hooks — it thinks in registries, tokens, and compositions. Decantr speaks AI's language: a machine-readable registry, atomic CSS tokens, and a structured generation pipeline that turns plain-English descriptions into production apps.
The Decantation Process
POUR → SETTLE → CLARIFY → DECANT → SERVE → AGE
you AI AI+you AI AI ongoing
describe decomposes crystallizes resolves generates guards
intent layers the Essence layout code against drift
Every app starts as a conversation. You describe what you want, the AI decomposes it into layers (Terroir, Vintage, Character, Structure, Tannins), writes the Essence file, and generates code — all validated against Cork rules that prevent drift.
See It In Action
| SaaS Dashboard | eCommerce Admin | Gaming Platform |
|---|---|---|
| 14-page analytics | 15-page merchant panel | Guild hub with leaderboards |
| View Live → | View Live → | View Live → |
Quick Start
npx decantr init my-app
cd my-app && npm install
npx decantr dev
Then tell your AI: "Build me a SaaS dashboard with KPI cards, charts, and a data table."
Learn More
- Documentation — Tutorial and cookbook
- Showcase — Live demos and component gallery
- MCP Server — AI tool integration
- Community Registry — Styles, patterns, recipes
Requirements
Node.js >= 20.0.0
License
MIT