Webstudio
Webstudio is an open source website builder that empowers creators to build highly maintainable and fast websites using modern web standards.
What is Webstudio?
Try WebstudioWebstudio is an open source website builder designed to help you create fast, maintainable websites using modern web standards. You can build visually, publish to Webstudio Cloud, or export and self-host for full control. It also supports templates, wiring pages to external data, and building dynamic experiences like blogs and directories.
What is Webstudio and what can I build with it?
Webstudio is a visual, open source website builder for creating and publishing structured websites. You can publish to Webstudio Cloud for quick delivery, or export and self-host, and you can connect external data to build dynamic pages such as blogs, directories, and search/filter experiences.
Is Webstudio a no-code website builder for non-developers?
Yes. Webstudio is built around a UI-based visual editor where you drag, drop, and style components on a canvas. For more control, it includes an Expression Editor where you can create logic in the interface, and you can access advanced options like CSS properties and HTML attributes when needed.
How do I make pages dynamic using external APIs or a headless CMS?
You connect external data using Resources by providing the request URL, method, headers, and body. Then you can create dynamic routes and bind incoming data to page fields like images and attributes, including binding SEO meta content from your data.
Can I publish to staging for testing and then to production?
Yes. Webstudio supports publishing to staging and production, including the ability to publish to staging and custom domains independently.
What hosting options and pricing are available?
Webstudio offers an Open Builder with Cloud (Webstudio hosts) and Self-host (you host). The Free plan includes a wstd.io subdomain with unlimited projects and pages, plus 100,000 page views per month; Pro is $15/month billed yearly and includes unlimited sites with custom domains and 100,000 page views per month, with additional page views available as overages.
Does Webstudio support collaboration and sharing with permissions?
Yes. You can share projects using unique share links with customizable permissions, and you can also use workspaces with member roles on the Team plan.
Can I reuse sections, components, and styles across a whole website?
You can reuse sections with Slot components so changes propagate across all instances. For consistent styling, you can use Tokens (and convert local styles to Tokens later) and also define CSS variables for a design-system approach.
What SEO, sitemap, redirect, and performance options are available?
Webstudio includes tools to control indexing, generate sitemaps (including dynamic sitemap coverage when working with CMS data), and manage redirects using 301/302. For performance, Webstudio Cloud deploys to Cloudflare Workers, supports SSR for fully rendered pages, optimizes images (including WebP/compression and responsive sizing), and lets you control lazy/eager loading.
How does collaboration and safe sharing work in Webstudio?
You can create a unique share link with custom permissions to collaborate while controlling access. It also supports publishing to a staging domain for pre-launch testing, and when using the Cloudflare Proxy it manages SSL automatically.