gitmyhub

webstudio

TypeScript ★ 8.7k updated 1d ago

Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.

An open-source visual drag-and-drop website builder similar to Webflow where you own your data and infrastructure, with full CSS control, headless CMS support, and deployment to Cloudflare Workers.

TypeScriptReactCloudflare Workerssetup: moderatecomplexity 3/5

Webstudio is an open-source visual website builder aimed at developers, designers, and cross-functional teams who want full control over their site without being locked into a proprietary platform. It is often compared to Webflow, and like Webflow it lets you construct websites through a visual drag-and-drop interface rather than writing all the code by hand. The key difference the project emphasizes is ownership: you own your data, your components, and your infrastructure.

You can use the cloud-hosted version at webstudio.is if you want to get started quickly, or you can run the builder on your own servers if self-hosting fits your setup better. The builder connects to any headless content management system, so you can pair it with whichever tool you already use to manage content. It also supports the full set of CSS properties, giving designers fine-grained control over styling, and the resulting site can be deployed to various hosting providers including Cloudflare Workers.

The main repository holds the core builder, which is licensed under AGPL-3.0 and free to use. One optional package called sdk-components-animation is proprietary and requires accepting a separate license agreement from Webstudio, Inc. before you can use it. The README itself is short and mostly points to external resources: documentation, a blog, contributing guides for both developers and designers, a community discussion board, a feature wishlist, and a public roadmap.

The project uses a visual regression testing tool called Lost Pixel to review changes to the builder interface and catch unintended visual differences when updates are made. Community discussion happens on Discord and GitHub Discussions, and a public issue tracker is open for bug reports.

Where it fits