The design API for AI coding agents
Point your agent at any website and it builds from the real code, colors and fonts - not hallucinated ones.
100 free credits every month. No credit card.
Works with your agent
Your agent is building blind
Every way you feed it a reference site today loses the design on the way in.
Screenshots
Guessed hexes, no real font.
Scrapers
HTML soup - the tokens don’t survive.
Prompts
Default indigo and Inter, every time.
Seven endpoints. One contract.
Every call is a GET with a URL and a bearer token, and every response is typed JSON. Request a section and get a working component; request the design and get tokens, assets and fonts.
GET /v1/codeconst res = await fetch(
`https://miromiro.app/api/v1/code?url=stripe.com&framework=jsx&access_key=${process.env.MIROMIRO_API_KEY}`
)
const data = await res.json()
// → { code, css, tokens, assets, selector }One URL. Everything the site actually ships.
Real responses, our own site. One call each.
GET /v1/brand$
⠿ fetching miromiro.app…
{
"siteName": "MiroMiro",
"primary": "#1e1b4b", "accent": "#6366f1",
"logo": "…/logo2.svg", "ogImage": "…/og-image.jpg",
"fonts": ["Inter", "Instrument Serif"],
"palette":[+6]
}
200 OK · 1.4s · 15 credits
MiroMiro
miromiro.app
Colors
Primary
#1e1b4bAccent
#6366f1Background
#ffffffText
#000000Typography
What developers ship with it
Four jobs it does on day one. Each one is a full walkthrough with the real calls and what they cost.
Ground truth for AI agents
Your agent reads the real tokens of any reference site before it writes UI - so the code matches because it isn’t estimating.
Auto-brand onboarding
Ask a new customer for their URL at signup and their workspace is themed in their own colors on first render.
Design-system drift detection
Diff what production actually renders against your design tokens in CI - and catch the rogue hex at one, not eleven.
Rebuild any section
Port a hero or pricing table you like into your own stack - as Tailwind, HTML, JSX or Vue, with its assets resolved.
Integrated in one paste, or one config
Hand it to a coding agent and it wires itself up from our docs. Or call it from your own code like any REST API - one GET, a bearer token, typed JSON back.
Do it yourself
Any language, any runtime. One GET, a bearer token, typed JSON back.
- 01
Get your key
Create a free developer account - 100 credits a month, no card.
- 02
Call an endpoint
GET /v1/brand?url=... with an Authorization: Bearer header. Every endpoint takes a URL.
- 03
Read the JSON
Typed, consistent shapes - plus the credits you have left in the usage field.
Let your agent do it
RecommendedPaste one line into your coding agent - it reads our docs, grabs a key, and integrates MiroMiro for you. No config file, no restart.
Get an API key (free, no card) at miromiro.app/api/docs/authentication.md, then follow miromiro.app/api/docs/agent-quickstart.md to integrate the MiroMiro design API into this codebase.
Pay for what you extract
Start with all endpoints and 100 free credits - no card.
Failed calls are never billed, cached repeats are free, and you can cancel anytime - no questions asked.
Developer
Solo devs and side projects past the free tier.
Billed €190/year
5,000 credits / month
60 requests / minute
- Extract 5K images or SVGs
- Grab 1K font sets
- Pull 500 design-token systems
- Build 333 full brand systems
- 60 API calls per minute
- 50× the 100 free credits
- All 7 endpoints + MCP server
- Usage dashboard
- Email support
Growth
PopularGrowing products shipping to real traffic.
Billed €790/year
30,000 credits / month
120 requests / minute
- Extract 30K images or SVGs
- Grab 6K font sets
- Pull 3K design-token systems
- Build 2K full brand systems
- 120 API calls per minute
- Everything in Developer
- 6× the credits
- Double the rate limit
- Priority support
Scale
High-volume products and pipelines.
Billed €1990/year
200,000 credits / month
300 requests / minute
- Extract 200K images or SVGs
- Grab 40K font sets
- Pull 20K design-token systems
- Build 13.3K full brand systems
- 300 API calls per minute
- Everything in Growth
- 200,000 credits a month
- 300 requests / minute
- Priority support
Custom
Enterprise volume and contracts.
Volume pricing
Unlimited credits
Negotiated volume & rate limits
- Extract Unlimited images or SVGs
- Grab Unlimited font sets
- Pull Unlimited design-token systems
- Build Unlimited full brand systems
- 600 API calls per minute
- Everything in Scale
- Unlimited credits
- Custom rate limits
- Contract, DPA & SLA
Credits are weighted by endpoint - from 1 for an asset scrape up to 25 for a full URL-to-code extraction. Cached & failed calls are free. Change plans or cancel anytime.
Before you integrate
How is this different from a web scraper?
Scrapers return HTML or markdown - text soup you still have to parse. MiroMiro reads the page as design: typed design tokens, resolved asset URLs, real font files, and inline SVG code. One call returns structured design data, not a document.
What counts as a credit?
Credits are weighted by how much work an endpoint does - from 1 credit for an asset scrape up to 25 for a full URL-to-code extraction, which resolves the page's entire CSS cascade. Failed and blocked requests are never billed, and a cached repeat call is free - the meter only moves on fresh, successful work.
Does it run my page’s JavaScript?
The API reads a page’s static HTML and CSS, which captures everything declared in markup - and that’s a lot (tokens, most images, inline SVGs, font files). Assets injected later by JavaScript, like most runtime Lottie animations, are best captured with the MiroMiro browser extension.
How do I connect it to my coding agent?
Two ways. Paste one instruction and the agent reads our Markdown docs and integrates itself - no config file, no restart, works in Cursor, Claude Code, Windsurf, Cline or anything that speaks HTTP. Or install the MCP server (npx miromiro-mcp) and your agent gets the extraction tools natively, so it reaches for them on its own.
What do I get for free?
An API key with 100 credits every month, every endpoint, and the MCP server - no credit card. The playground needs no signup at all. Upgrade when you need more volume, not to get started.
What happens when I run out of credits?
Calls return a 429 with a clear message until your credits reset at the start of the next month - or you upgrade, which takes effect immediately and keeps the same key. Nothing is ever charged automatically, so you can't be surprised by a bill.
What do you do with the URLs I send and the pages you fetch?
We fetch only public pages - no logins, no cookies, no authenticated sessions. The page content itself is never written to a database: it lives in an in-memory cache for 24 hours so a repeat call is instant and free, then it's gone. We do record which URL each of your calls hit, because that's what powers the usage history in your dashboard; those rows are row-level-security scoped to your account, so nobody else can read them. Your API key is stored only as a SHA-256 hash - we cannot recover the raw secret, which is why it's shown exactly once.
Stop letting your agent guess
One call returns the design a site actually ships - typed, resolved, and ready for your agent or your own code.
100 free credits every month. No credit card.