No install. No build step. No excuses.
Write HTML, CSS & JS and see it render live across five synced viewports. Test accessibility, simulate vision conditions, and deploy to Netlify, Vercel or Cloudflare — all from one tab, with no setup.
No installs, no build step. Write HTML, CSS & JS, test accessibility, simulate vision conditions, and deploy — all from one tab.
Connect your own AI account — Claude, Gemini, GPT, or Mistral. Todo tracking, web search, and one-click rewind checkpoints — all with full project context. Completely optional.
Your keyRun WCAG audits, check colour contrast, and test keyboard navigation — all built into the editor. Fix issues with one click via AI.
InclusiveSee your design through different eyes — colour blindness, glaucoma, cataracts, and more. Plus sensory filters for autism, dyslexia, and attention differences. Filters apply across every viewport at once, so you can compare side by side.
EmpathyCompare up to five viewports side by side — iPhone, iPad, Pixel, Galaxy, desktop. Clicks, scrolls, and edits sync across every frame, so you can spot responsive bugs the moment they appear.
5-up syncCode together in real time with a shared link. Fork any public project, propose changes back with merge requests — social coding built in.
Real-timePush to GitHub, deploy to Netlify, Vercel, Cloudflare Pages, or Neocities — all from inside the editor. No CLI needed.
DeployNo frameworks. No build step. No config. Just open a tab and build. blnq is the fastest way to go from idea to working UI — quicker than Lovable, and purpose-built for front-end prototyping.
Connect Claude, Gemini, GPT-4o, or Mistral with your own API key. The AI has full project context and works in a continuous agentic loop — reading your code, making targeted edits, checking for errors, and iterating until it's right.
Games, dashboards, generative art, UI experiments — all built and published directly from Blnq.
Prototyping a component, teaching a class, or shipping a side project — write the code, refine it, and share a live link. All in the same tab.
Jump straight into HTML, CSS & JS — or describe what you want and let AI help. Save code snippets, add npm packages, and build with zero setup.
Every keystroke updates the preview. Open up to five device viewports side by side with synced clicks, edit text inline, simulate vision conditions across every frame, and debug in the built-in console.
Save to Blnq Studio, deploy to Netlify, Vercel, or Cloudflare Pages. Push to GitHub. Invite collaborators, or send anyone a link to your running project.
Send HTML, CSS & JavaScript to the editor with a single POST request. Great for CLI tools, browser extensions, CI pipelines, or any workflow that generates code.
Send a JSON body with any combination of html, css, js, and head fields. The response redirects to the editor with your code loaded.
DYfetch('https://blnq.studio/api/push', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
name: 'My Project',
html: '<h1>Hello</h1>',
css: 'h1 { color: tomato; }',
js: 'console.log("hi")'
})
}).then(r => r.text()).then(html => {
document.open(); document.write(html); document.close();
});Retrieve a project's code as clean JSON — just the id, name, html, css, js, and head fields.
https://blnq.studio/api/projects/YOUR_PROJECT_ID/codeBlnq exposes an MCP endpoint that lets AI agents read, write, and manage your project in real time. Claude, Cursor, Windsurf, or any MCP-compatible client can connect — locally or remotely. See the full tool specification for details.
Point any MCP client at Blnq Studio. Add this to your client's MCP config:
{
"mcpServers": {
"blnq": {
"type": "url",
"url": "https://blnq.studio/mcp"
}
}
}Once connected, AI agents can interact with the editor in real time:
Our vision filters aren't just for the editor. Install the Chrome extension to simulate colour blindness, glaucoma, macular degeneration, cataracts, and more — on any webpage.
Grab the zip file below and extract it to a folder on your machine.
Navigate to chrome://extensions and turn on Developer mode using the toggle in the top right.
Click Load unpacked and select the extracted folder. The Blnq eyes icon will appear in your toolbar.
Click the icon on any webpage and choose a filter. The page will update instantly — move your mouse to see how glaucoma and macular degeneration follow your gaze.
Start from scratch or describe your idea and let AI give you a head start.
See what the community is shipping — fork anything that catches your eye and make it your own.
anonymous