New
CSS variables are live!

Advanced Open Source Website Builder

Webstudio supports all CSS properties, connects to any headless CMS, and can be hosted anywhere, including with us.

Webstudio open source website builderWebstudio open source website builder

Frontend for any web experience

Marketing

Full power of CSS in a visual tool to control every property, unit, and breakpoint. Optimize for search engines as perfect Lighthouse scores are highly attainable. Iterate quickly, without writing code.

All features
Style panel and components in no code visual editor with tokens

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 tools in your designs.

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

Dynamic at the speed of static. Cloud hosting puts your site milliseconds away from any user on Earth.

Dynamic rendering

Add filters, appease search engines, and scale content infinitely.

URL with query params, the server processing them, the output on the website, and finally google traffic chart going up
One-click publish

With one click, your site is published to cloud hosting.

publish dialog pointing to Cloudflare
No bloat

All the tools you need for performance, best practices, accessibility, and SEO.

perfect lighthouse scores on webstudio's website for mobile
Infrastructure

Webstudio Cloud hosting is backed by Cloudflare. Get ludicrously fast performance, world-class security, and scalability.

globe with dots indicating servers
Separation of concerns

Published sites are isolated from other sites and the builder, improving stability and performance.

two sections: webstudio builder and live website
Generous free tier

Start for free and scale without worrying about costs.

unlimited sites, 1 custom domain, 10000 page views/month
Optimized image rendering

Images load quickly. Upload high-quality images, and visitors will load converted (WebP/AVIF), compressed, and responsive images.

png getting uploaded at 3.6mb and downloaded as a webp at 642kb

Open source website builder. Customizable, private, and transparent.

Self-hosting

Deploy anywhere, without paying Webstudio. You're in control of your hosting, pricing, security, and compliance.

webstudio cli logo with github pages, netlify, cloudflare pages, and vercel logos
Privacy

We do not track users, our analytics are completely anonymized, and data is hosted within Europe.

secure shield pointing out to no tracking icons
Transparency

Public roadmapcode, and community ensure you stay informed and influence the product's direction.

kanban board, contributors, and release history
Community

Join thousands of passionate website creators in Discord.

community member icons and discord screenshot

Webstudio Logo Mark

Built with Webstudio

Webstudio Example Unsloth (SaaS)Webstudio Example Chris Wood (Personal/portfolio)Webstudio Example dooodles (SaaS)Webstudio Example Risen (SaaS)Webstudio Example TEYUTO (SaaS)Webstudio Example IntroniceWebstudio Example Hope Design Studio (design)

Webstudio in the words of designers, developers, and startup founders

The sites load blazingly fast - considerably faster than Webflow.
Chris Wood Picture
Chris Wood
UI/UX Designer
My mind is blown. It's like an open-source Webflow, but that truly only tries to be the frontend and lets other tried-and-true services power the backend.
Chase Raz picture
Chase Raz
Founder of RCR Business Ventures
Once you realize the power & potential Webstudio has to offer, you can see through the limitations of Framer and Webflow.
Ankur Puri picture
Ankur Puri
Software Engineer
I really like Webstudio. It's super fast and super clean.
Samuel Gregory picture
Samuel Gregory (Webflow and Code)
Engineer, Designer, Content Creator
Webstudio Logo
Build and publish pro websites