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.
- 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
Full video: youtu.be/mCphMj6-PdA youtu.be/mCphMj6-PdA
You can now customize HTTP headers directly in Webstudio’s Project settings - control how browsers cache, protect, and embed your website.
Content Mode can now scale to hundreds of pages. The new Webstudio Content Engine combines Notion-style editing, portable MDX files, full design control, and AI through MCP. No database needed on the published site.
Webstudio now supports light and dark mode. Choose System, Light, or Dark from View → Theme. System follows your device settings.