Webstudio
by WebStudio · Open source visual website builder with CMS integrations and self-hosting
BenchRank score
Screenshots of Webstudio
Homepage
Overview
Webstudio is an open source visual website builder. It gives access to all CSS properties, units and custom breakpoints, and can pull content from external CMSs, APIs and GraphQL resources to build blogs, directories and other structured pages. Projects are built in the visual editor, CLI or MCP, then published to Webstudio Cloud on Cloudflare or exported to self-host.
- Best for
- Designers and agencies building marketing sites, directories and CMS-driven front ends without code
- Pricing
- Free Hobby plan, then Pro at $15/month and Team at $35/month (5 seats) billed yearly, with page views beyond 100,000 charged at $20 per additional 100,000.
- Runs on
- WebSelf-hostedCLI
Strengths and trade-offs
Strengths
- Open source; self-host anywhere without paying Webstudio
- Access to all CSS properties, units and custom breakpoints
- Connects to external CMS, APIs and GraphQL for content
- Free tier covers unlimited projects, pages and collaborators
Trade-offs
- Free plan: wstd.io subdomain only, 250 Mb assets, 300 forms/month
- CMS, Resources and dynamic routing are builder-only on the free plan
- Pro caps 100,000 page views/month; extra views cost $20 per 100,000
- Only community support is listed; animations are marked Beta
How Webstudio markets itself
A structured read of the promise, proof and page design on Webstudio’s captured homepage.
Homepage capture
“Professional website builder for Agents and Humans”
- Angle: AI-native
- Hero: Interactive demo
Pricing
Published plans and prices from Webstudio’s own pricing page.
How this score is made up
Each dimension is scored out of 100 and combined into the headline score using fixed weights.
MCP support
Whether an agent can drive the product through the Model Context Protocol, and how much setup that takes.
API quality
Public API surface: machine-readable spec, official SDKs, documented auth, errors, rate limits and versioning.
Documentation
Publicly reachable docs — coverage, freshness, code samples and machine readability.
Agent friendliness
How readable the site is to an automated client: llms.txt, structured data, server-rendered content, crawler access.
Pricing transparency
Whether real prices are published, self-serve signup exists, and usage costs are knowable without a sales call.
Changelog
A public, dated record of what shipped and when — the clearest signal that a product is still alive.
Marketing site structure
Whether the site answers a buyer's questions: clear positioning, the pages that matter, and accessibility.
Page speed
How fast the site loads for real visitors: Chrome UX Report 75th-percentile LCP, INP and CLS, with a Lighthouse mobile run standing in where a site has too little traffic for field data.
Operational trust
Status page and incident history, security disclosure, compliance and data-processing documentation.
Measured, but not part of the score
Useful to know, but not a mark for or against the product — so these do not affect the ranking.
Openness
Source availability, self-hosting, data export and open standards. Scored and shown, but not part of the composite — paid SaaS is not worse for being paid SaaS.
Maintenance
Release cadence and repository activity. Scored and shown, but not part of the composite — it is only measurable for open repositories.
This doesn’t look right — report a problem with Webstudio’s score
Where this comes from
The Webstudio pages BenchRank reads when it scores the product — its documentation, release notes, status and security pages, and its repository where there is one.
Alternatives in Frameworks & Libraries
Ranked 1
81.9 — BenchRank score out of 100Encore
Encore · Declare backend infrastructure in Go or TypeScript, deploy to your own cloud
Best for: Teams building Go or TypeScript backends on their own AWS or GCP without a platform team
Ranked 2
80 — BenchRank score out of 100Convex
Convex · Reactive TypeScript backend with database, functions, sync and search
Best for: Teams building TypeScript apps that want database, functions, sync and file storage in one backend
Ranked 3
78.9 — BenchRank score out of 100Builder.io
Builder · Collaborative platform for building software with AI agents
Best for: Product teams wanting designers, PMs and marketers to edit the real codebase alongside engineers
Is this your product?
Claim WebStudio to manage its profile. Claiming lets you suggest edits to the descriptive fields — it never changes scores or rankings.