mydesign.tools
Tools

Webstudio

Builders
Visit website
ABOUT

Open source visual builder that maps directly onto CSS and real components.

Webstudio is an open source visual builder that maps directly onto CSS rather than abstracting it, so what you set in the panel is what lands in the stylesheet. It supports real components, headless data sources and self-hosting, and projects can be exported. Teams pick it when they want a builder without the lock-in that usually comes with one.

FEATURES & USE CASES
  • Maps directly onto CSS
  • Open source and self-hostable
  • Real components supported
  • Headless data sources
  • Export your project
  • Publish to your own domain

Recent X Posts

Webstudio@getwebstudioFollow

Webstudio now supports light and dark mode. Choose System, Light, or Dark from View → Theme. System follows your device settings.

Webstudio@getwebstudioFollow

If AI can build the website, do we still need visual development tools? webstudio.is/blog/why-use-w…

Webstudio@getwebstudioFollow

Webstudio now has a Content Engine. Query and render hundreds of Markdown pages without an external CMS or database. It’s portable, simple to host, extremely fast and already powers our blog. webstudio.is/blog/webstudio…

Webstudio@getwebstudioFollow

We completely reengineered Webstudio’s core runtime for MCP. That’s why Webstudio MCP is pretty good. Open Codex or Claude Desktop and say, “Use Webstudio CLI.” webstudio.is/blog/webstudio…