Webstudio

What is Webstudio?

Visual website builder with full CSS control, CMS connections and sites you can export and host.

Who is Webstudio best for?

Webstudio is best for designers and agencies building client sites visually who want to own the code and hosting.

• Webflow-style builds

  The visual editor exposes every CSS property, custom breakpoints and CSS variables.

• Content-driven sites

  Pull content from any CMS or API to build blogs, directories and other structured pages.

• Client work

  Content Mode gives clients an editing view, and staging and production publish separately.

• Owning the hosting

  Export a site and run it on your own server or platform without paying Webstudio.

How much does Webstudio cost?

Webstudio has a free Cloud plan and free self-hosting of exported sites; Pro costs $20 a month and Team $50 a month, or $15 and $35 a month billed yearly.

Billed yearly, Pro is $15 a month and Team $35 a month. Extra page views cost $20 per 100,000, with overages capped. Full pricing on webstudio.is. We checked these prices on 8 Nov 2026.

How do readers rate Webstudio?

No one has rated Webstudio yet. Be the first.

Is Webstudio open source?

Yes. Webstudio's code is public under the AGPL 3.0 licence, so you can run it on your own server.

How do I connect Webstudio to my AI agent?

Webstudio MCP is Webstudio's official MCP server. Add it to your agent once, then ask it to edit Webstudio projects through agent and command-line tools.

Lets your agent change the pages, styles and content of a project in Webstudio, the visual site builder, working through a local server or its command-line tools.

Claude CodeCursorCodexGitHub Copilot

Setup guide

Webstudio gives each account its own server address. Open the setup guide, copy your address, then add it to Claude Code like any other server.

It runs on your computer, so Claude Code starts it when it needs it.

Webstudio's setup guide covers the sign-in.

Then ask your agent

• Add a FAQ section to the home page
• Change the primary colour to dark green
• List all pages in this project

Runs

On your computer

Sign-in

See guide

Maker

Webstudio

Guide

docs.webstudio.is

What are the best Webstudio alternatives?

Webstudio is an open source alternative to Unicorn Platform, Framer, Webflow and Framer 3.0. Onlook and Ycode do the same job and are open source too.

Unicorn PlatformPaid

Websites for founders with AI and templates.

FramerFree

Responsive websites with AI layouts and a built-in CMS.

WebflowFree

Design, host and manage marketing websites on a visual canvas, with a CMS, SEO tools and ecommerce.

Framer 3.0Free

Framer's 3.0 adds canvas-native AI agents, branching and support for external agents.

OnlookOpen Source

Designers editing directly in the real codebase.

YcodeOpen Source

Design pages on a canvas, manage CMS collections and let an AI agent edit real layers.

Questions about Webstudio