shipping/JKT — 03:41 GMT+7/48.3 °C CPU/v 07.0 · build 2026.04.20
lat −6.200 · lon 106.816/ntwk · online/open for Q3 '26
/ project no. 02ai-nativedesign tool
receipts walkthrough · mar 2026
oracle

oracle.

— short description

an ai-native design tool for engineers who think in systems. mdx-dsl that compiles to framer motion and ships components to any app.

preview
the dslruntimerollouts
rolling
sell · r&dsolo w/ 2 design partners
design · engineeringtype systems, dsl authoring, runtime
sep 2025 → now7 months · rolling
stacknext · mdx-dsl · anthropic · framer motion
private beta312 teams · 4.4 nps
01

context.

design tools are moving fast, but most are still optimized around a screen canvas. oracle started with a different premise: what if the primitive is not a rectangle, but a typed component — something an engineer can commit to a repo and a designer can still nudge?

4.4nps across the first 312 teams. top complaint: 'i want this in my repo already.'
38%of components shipped through oracle end up in production within 48 hours.
0 glueno bridges, no adapters. the mdx compiles straight to motion.
— approach

a dsl, not a canvas.

most tools draw a shape and let you export html. oracle inverts the flow: you describe an intent in mdx, oracle compiles it to motion, and the canvas is a mirror of your source, not the other way around.

oracle
fig. 02
"the first design tool that feels like a compiler."
— beta partner, week 04
— outcome

what shipped.

the dsl, the compiler, and a private vscode extension. public beta is scheduled for q3 '26.

a production-quality demonstration that attention can be settled in public at the unit of the second. still my favorite project of 2024.
— on the record
— team

built with two partners.

devrangga hiswaradesign · engineeringlead · solo
partner · cursordsl reviewmonthly sync
— screenshots

logged along the way.

no retouches. pulled straight from the private beta.

oracle
the editor.mdx on the left, motion on the right.
oracle runtime
runtime.
/ a 40kb payload that runs anywhere.
oracle export
export.
/ committable components.
oracle rollout
rollout.
/ weekly notes to beta teams.
— responsive

mobile preview.

a compact canvas for design reviews from a phone. rare, but welcome.

mobile canvas
mobile review
mobile export
lattice
/ up next — shipped in publicopen source

lattice.

a playground for variable fonts. svelte-kit, opentype.js, webgl — all in under 180kb.

open next case ↗