New
Scroll-driven animationsCustom frontend without custom code
Webstudio is an open source website builder that empowers creators to build highly maintainable and fast websites using modern web standards.
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
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"
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
Local Styles
Style without naming.
- Create one-off styles
- Override other styles
- Experiment
All CSS properties
Create exactly what you want with access to all CSS properties and values.
CSS variables
Create a global design system for colors, gradients, sizes, and more. Build consistent and maintainable websites.
Integrate any external content from your favorite tools in your designs.
Resources
Fetch data from any API to create blogs, directories, and other structured content.
Dynamic Routing
One template for all your records. Create a template for each content type, such as blog posts.
Data Bindings
Blend external data in your design.
Collection List
Display all the CMS records and choose the fields to display.
Dynamic Sitemaps
Build a dynamic sitemap visually. Integrate external content into the sitemap.
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.
One-click publish
With one click, your site is published to cloud hosting.
No bloat
All the tools you need for performance, best practices, accessibility, and SEO.
Infrastructure
Webstudio Cloud hosting is backed by Cloudflare. Get ludicrously fast performance, world-class security, and scalability.
Separation of concerns
Published sites are isolated from other sites and the builder, improving stability and performance.
Generous free tier
Start for free and scale without worrying about costs.
Optimized image rendering
Images load quickly. Upload high-quality images, and visitors will load converted (WebP/AVIF), compressed, and responsive images.
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.
Privacy
We do not track users, our analytics are completely anonymized, and data is hosted within Europe.
Transparency
Public roadmap, code, and community ensure you stay informed and influence the product's direction.
Community
Join thousands of passionate website creators in Discord.
Webstudio in the words of designers, developers, and startup founders
The sites load blazingly fast - considerably faster than Webflow.
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
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
Software Engineer
I really like Webstudio. It's super fast and super clean.
Samuel Gregory (Webflow and Code)
Engineer, Designer, Content Creator
