Free & open source

Design with your AI.
Ship real code1You · just nowMake this a little bolder.

Design tools make pictures of websites. Blobby makes the website: your AI builds it in real HTML and CSS while you steer. Free, no account, no API key.

Get it on GitHub

Works with the AI you already use

Claude Cursor Codex VS Code Copilot Windsurf Gemini CLI

Why Blobby

AI can write the code.
Designing with it is the hard part.

Today you describe a page, paste a screenshot back, explain what looks off, and repeat. Blobby gives your AI a canvas it can see and you can point at.

Without Blobby

01Ask for a page, get a wall of code
02Paste it somewhere, take a screenshot
03Describe “the button under the second heading”
04Check mobile yourself. Repeat.

With Blobby

01Your AI builds the page live, on desktop and mobile
02It runs QA on its own work and fixes what it finds
03You click the element and leave a comment
04It applies the change and replies. Export when done.

Your AI gets a real canvas. You get to point at things and say “change this.”

How it works

From prompt to clean code in four steps

Blobby runs its own MCP server, so any AI app that speaks MCP can open projects, write sections, check its work and read your comments.

ClaudeConnected

CursorAdd

CodexAdd

VS CodeAdd

Connect your AI

One click for Claude Desktop and Claude Code. Install links or a config snippet for the rest.

claude · blobby

Message to Claude

Create a landing page for acme.com in Blobby

Ask for a design

It studies the real site, writes a brief, then builds section by section while you watch.

YYou

Make this headline shorter

Done. QA passed on desktop and mobile.

Point and comment

Click any element, press C, say what should change. Your AI applies it and replies.

HTMLindex.html14 KB

CSSstyles.css9 KB

DIRassets/3 files

Export

Export clean code

Plain HTML and CSS with your brand tokens. No framework, no runtime, no lock-in.

Desktop, tablet and mobile at once Works offline with local AI apps Projects are plain folders

Inside Blobby

A real design tool,
not a chat window

Layers, a design panel, direct editing and comments, so you can steer the AI or just fix things yourself.

CANVAS

Watch it build, live

Every section appears on desktop, tablet and mobile artboards as your AI writes it. Select, drag, resize and edit text directly.

The Blobby editor with a Stripe-style concept page on desktop and mobile artboards, the layers tree and the page brief

Checks its own work

Before it calls a page done, it runs automated checks on every screen size.

Color contrast
Mobile overflow
Tap target size
Broken images & alt text
Off-brand colors

qa_check → 0 errors

BRAND

Starts from the real brand

It reads the live site first: colors, fonts, buttons and layout, so the design matches.

Aa Frauncesanalyze_site

RESPONSIVE

Every screen, side by side

See the desktop, tablet and mobile versions update together.

1440768390

MCP

Connect any agent

Step-by-step setup for nine AI apps, or any MCP client.

Blobby's Connect your agent dialog listing Claude, Codex, Cursor and more

OPEN SOURCE

Running in two minutes

No build step, no account. Three runtime dependencies.

$ git clone https://github.com/Ravindrabisht12/blobby

$ cd blobby && npm install

$ npm start # then click Connect AI

PRIVATE BY DEFAULT

Your designs stay yours

Everything lives in plain folders on your computer. Open them, version them, edit them by hand.

28MCP tools for your AI
MITUse it for anything
0Accounts or API keys needed
HTML+ CSS you can ship as is

Coming soon

Blobby Cloud is on the way

The open-source app is ready today. Next: a hosted version with share links, teams, and support for AI apps like ChatGPT and claude.ai.

Available now

Blobby

Open source desktop app

Free, MIT license

Your computer

Claude, Cursor, Codex, VS Code and more

Included

Export and send files

Single user

HTML + CSS

Coming soon

Blobby Cloud

Hosted, for teams

To be announced

In the browser

Adds ChatGPT and claude.ai soon

Included

View, comment or edit links soon

Workspaces, live cursors soon

HTML + CSS

Want to know when Cloud launches? Watch the repo on GitHub

FAQ

Questions,
answered

Is Blobby really free?

Yes. The desktop app is open source under the MIT license. Use it for personal and client work, change it, ship what you make. A hosted Cloud version for teams is coming later.

Do I need an API key or account?

No. Blobby has no built-in model. It connects to the AI app you already use, like Claude Desktop, Claude Code, Cursor or Codex, through MCP.

Which AI apps work with it?

Claude Desktop, Claude Code, Cursor, Codex, VS Code with GitHub Copilot, Windsurf, Gemini CLI and any other MCP client. ChatGPT and claude.ai need a public server, which is what Blobby Cloud is for.

Can I use the exported code in production?

Yes. Export gives you a plain index.html, styles.css and your assets. There's no runtime or framework to install, so it drops into any site.

Where are my designs stored?

On your computer, as plain folders in ~/Blobby. Nothing is uploaded. You can open the files, put them in Git, or edit them by hand and the canvas updates.

Which platforms will Blobby export to?

Today Blobby exports clean HTML and CSS that works in any website or CMS, including Shopify and WordPress themes. More export formats may come later.

Does it work on Windows and Linux?

It's tested on macOS. Windows and Linux are supported but not tested yet. If something breaks, please open an issue on GitHub.

Give your AI a canvas

Free, open source, and running on your computer in two minutes.