Built with Webstudio
NewCSS 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.

Open source website builder UI

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.

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.

Local Styles
Style without naming

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

Tokens
Reusable styles without classes

  • Create consistent designs
  • Ditch the pain of combo classes
  • Rearrange and delete Tokens
5 Tokens in style sources for designing the website

Style Panel
All CSS properties

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

display flex aligned center with gap

CSS variables
Global variables

  • Define a global library of styles
  • Use variables on all inputs from color and size to gradients and transforms
  • Modify any child styles based on parent state (like hover)
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

Use your favorite content management system (CMS), database, or any other tool to store and manage data.

Various CMS logos orbiting around webstudio logo

Dynamic Routing
One template for all records

Use one template that dynamically changes content based on the current URL.

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

Bind data to components, in the middle of text, and anywhere else in Webstudio.

list of variables connected to their output on the website

Collection List
Display all the records and select the fields to display

Blog, reviews, and catalog overview collection lists

Dynamic Sitemaps
Fully integrate external data

Use Resources to build a dynamic sitemap visually.

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 server-side rendering (SSR)

  • Good for SEO
  • Supports dynamic data fetching with searches and filters for programmatic SEO, editorial content, and more
  • Grow your content infinitely
  • Not a static site generator (SSG)
URL with query params, the server processing them, the output on the website, and finally google traffic chart going up

One-click publish

Make changes, and with one click, your site is published to cloud hosting.

publish dialog pointing to Cloudflare

Perfect lighthouse scores are highly attainable

No bloat and all the tools you need for performance, best practices, accessibility, and SEO.

perfect lighthouse scores on webstudio's website for mobile

Webstudio Cloud hosting backed by Cloudflare

  • Ludicrously fast performance
  • World-class security
  • Enterprise scalability
  • High uptime and stability
  • Bot protection
globe with dots indicating servers

Separation of concerns

Your published site is hosted separately from the builder and any other sites. Decoupling the site from the builder improves performance and stability.

two sections: webstudio builder and live website

Generous free tier

Start for free and scale without worrying about costs.

unlimited sites, 5 custom domains, 10000 page views/month

Optimized image rendering

Upload high-quality images, and visitors will load converted (WebP/AVIF), compressed, and responsive images, ensuring fast load times.

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 aim to be fully GDPR compliant. 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 roadmap, code, and community ensure you stay informed and influence the product's direction.

kanban board, contributors, and release history

Community

  • Contribute to code, designs, and feature decisions
  • Get help, fast, and help others
  • Connect with like-minded individuals
community member icons and discord screenshot

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 lyckeborgs (education)

Feature roadmap

Coming soon

Component Editor

Coming soon

Versioning

Coming soon

Real-time
collaboration

Coming soon

Interactions &
Animations

Webstudio AI - Build 3x faster with voice and AI | Product Hunt
Webstudio CMS - The best CMS is the one you already use. | Product Hunt
The sites load blazingly fast - considerably faster than Webflow
Chris Wood Picture
Chris Wood
UI/UX Designer
omg I just discovered collections inside collections 🤯 Webflow: we accept max 1 collection in a collection. Webstudio: we accept limitless collections in collections. This is so epic, thank you Webstudio!! 🙏🙏🙏
Ronald Weijden picture
Ronald Weijden
Creator
omg I just discovered collections inside collections 🤯 Webflow: we accept max 1 collection in a collection. Webstudio: we accept limitless collections in collections. This is so epic, thank you Webstudio!! 🙏🙏🙏
Ronald Weijden picture
Ronald Weijden
Creator
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.
Charles Njoku 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 other website builders like Framer or Webflow
Ankur Puri
Ankur Puri
Software Engineer
I really like Webstudio. It's super fast and super clean.
Samuel Gregory
Samuel Gregory (Webflow and Code)
Engineer, Designer, Content Creator
Logo
Get started for free