Use the agent you prefer. In browser or MCP. Tweak, edit, all on your subscription. No more lock in. Free yourself.
Built by Alastair Driver
Theme · Generate · Refine
Everything in Grade points at one idea: the design system should do what the designer says.
Studio, driven by conversation
Describe the screen you need and watch it assemble from real Grade components, then click into anything and change it.
Theming at will
Three hues become a complete OKLCH design language. Drag hue, type scale, or density and the whole screen re-themes live, retroactively.
Themes that travel
A Grade theme is a small, portable object. Save it, share it, remix someone else's. Your look is never locked to one project.
Share live, not flat
Send a working screen as a link or embed it anywhere on the web. What you made, running, not a screenshot of it.
…and so much more
Templates
Full screens and flows to start from, every one of them re-themeable to your taste in seconds.
Playground
A sketchbook for ideas. Drop in a reference and riff on it inside your design language.
Revisions
Every change is kept. Step back through a screen's history and branch from any point.
Your assets
Bring your own images and media — prototypes that look like your product, not stock.
Brand pops
Eight loud accent slots per theme for the moments a design needs to shout.
Demos
Turn a live screen into a directed walkthrough: camera moves, captions, focus.