Professional Visual Editor

Access every CSS property, every HTML element, connect external CMS, preview and publish.

Webstudio open source website builderWebstudio open source website builder

Other platforms are stuck in 2015

Can't rearrange classes

padding
Rename class
Duplicate class
Remove class
padding-small
margin-auto

You must do it perfectly right the first time.

You get a class, you get a class!

"Our CMS is the best"

Airtable logo
Supabase logo

That favorite tool of yours is not welcome.

v2.13.please_dont_break

There is a new version of SEOify available. Update now.
The site is experiencing technical difficulties.
(This is fake)

"We own your stuff"

Price is going up
3 days ago

And there's no good export option.

Tired of these problems?

Visual CSS, Reimagined. Create consistently with reusable styles and access to every CSS property.

Tokens

Reusable styles without classes.

  • Create consistent designs
  • Ditch the pain of combo classes
  • Rearrange and remove Tokens
Style Sources with Tokens and option menu expanded
Local Styles

Style without naming.

  • Create one-off styles
  • Override other styles
  • Experiment
Local style selected in style sources
All CSS properties

Create exactly what you want with access to all CSS properties and values.

display flex aligned center with gap
CSS variables

Create a global design system for colors, gradients, sizes, and more. Build consistent and maintainable websites.

CSS variables in dropdown

Integrate any external content from your favorite CMS, CRM, Database.

ghost logopayload logohygraph logonotion logostrapi logoBaserow logoDirectus logoWordPress logoairtable logodrupal logo
Resources

Fetch data from any API to create blogs, directories, and other structured content.

Various CMS logos orbiting around webstudio logo
Dynamic Routing

One template for all your records. Create a template for each content type, such as blog posts.

Rotating team members in the URL then a layer that is fetching that team member, and finally that team member output on the website
Data Bindings

Blend external data in your design.

list of variables connected to their output on the website
Collection List

Display all the CMS records and choose the fields to display.

Blog, reviews, and catalog overview collection lists
Dynamic Sitemaps

Build a dynamic sitemap visually. Integrate external content into the sitemap.

dynamic sitemap with team member URLs highlighted

Webstudio Logo
Build and publish pro websites

Last 30 days

Cloudflare logo
269.7M
Requests
Cloudflare logo
7.58 TB
Data served
Github logo
26
Issues closed
Github logo
68
Merged PRs

Built to scale

Total

Webstudio logo
229.8K
Projects
Github star
8.7K
GitHub stars
Discord logo
5.4K
Discord members
Webstudio logo
140.7K
Users
globe