👋Welcome
New to Webstudio?
Our getting started guide will help you navigate through building your first Webstudio website. It covers the essentials of creating web designs and integrating thi...
🔥Intro
Webstudio is an open-source visual development platform that empowers designers and developers to create responsive web designs with ease. Bridging the gap between design and code, it a...
🎓Building your first site
Webstudio 101 Playlist
This video series is a quick overview of the most important parts of the builder to get you up to speed.
🚀 Signup to Webstudio
- V...
🔗Roadmap & Links
What is the team working on?
Despite being a small team, we're incredibly agile and committed to delivering a steady stream of fresh and exciting features to our users...
❓FAQs
🌐 What is open source?
🔑 How is Webstudio licensed?
🔓 Is Webstudio Builder open source?
💾 Can I use the CMS Integration when self-hosting?
🌍 What is Cloudflare Workers edge deplo...
🆕September Update
A lot has happened in the last 3 months, let me give you some highlights!
1. Paste from Webflow
We added the ability to copy elements in Webflow and paste them in We...
🆕Webstudio CMS Beta and Experts Network
Launching CMS Integrations and Experts Network
Hey Creators, we have 2 giant updates for you! Before I dive into details, here are 2 actionable items: ...
⚛️Foundations
🛠️Anatomy of the Webstudio Builder[🧱CSS Variables](https://docs.webstudio.is/university/foun...
▫️Radix UI Components
An open source component library optimized for fast development, easy maintenance, and accessibility built directly into Webstudio.
[Radix Documentation](https://www.radi...
Marketplace
The Marketplace is integrated into the Builder and offers templates contributed by Webstudio and the community.
The Marketplace contains more templates than what's shown in the Das...
🤖Webstudio AI
AI Demos
Hero Section
Feature Section
Pricing Section
📤Self-Hosting
Webstudio can be self-hosted, putting you in control of your hosting, pricing, security, and compliance.
The Builder and Projects are hosted separately. The Builder is used to c...
🧑🏫How-Tos
▶️How to add icons[▶️How to create fluid video backgrounds with Vimeo▶️How to create fluid video backgrounds with V...
🔗Integrations
This page contains a list of guides on connecting to various systems. The list is not exhaustive, as Webstudio supports fetching data from any HTTP API.
This page is a work in p...
Craft
Craft is the standard guideline for building with Webstudio.
Work in progress. Contribute your thoughts on this guide by commenting on this [GitHub Discussion](https://wstd.us/discus...
🧑🎨Contributing for Designers
Webstudio is not just a tool, but also a community. As an open-source platform, it thrives on the contributions of its users. If you're a designer wondering how...
🧑💻Contributing for Developers
Process
If you want to contribute and don't know where to start, here is a step-by-step for a complete lifecycle, from idea to deployment.
- If you h...
Contributing to the Marketplace
You can contribute free or paid templates by creating a Project and submitting it for review. Approved templates will appear in the Marketplace.
**Submission...
⚠️Errors
This page will help you better understand error messages you may encounter.