p/webstudio
Advanced Open Source Website Builder
Oleg Isonen

Webstudio Beta โ€” An open source Webflow alternative

Featured
127
โ€ข
Webstudio Beta is our first production-grade release. You can build a static site with Builder UX inspired by Webflow, improved by us. Publish it for free to Webstudio Cloud. Enjoy performance of CloudFlare Workers and modern front-end architecture.
Replies
Best
Oleg Isonen
Maker
๐Ÿ“Œ
Hey everyone! Iโ€™m Oleg, founder of Webstudio. My team and I are super thrilled to launch Webstudio Beta https://apps.webstudio.is, the open-source visual development tool that will enable designers to create sites they love with the features that they deserve.๐Ÿ™Œโœจ We have been building this solution since mid-2022, and with this launch, we are finally ready to unveil it and get the communityโ€™s feedback! ๐Ÿงฎ The Webstudio Experience With Webstudio, you can directly interact with HTML & CSS to build more creative and capable websites. Whether it is for a simple landing page or an entire web app, we want Webstudio to be your canvas. Our core vision is to give limitless powers to web designers and visual developers, and we are building forward with that mindset. No platform lock-in, designer-oriented UX, unbridled creativity, and extreme performance- at Webstudio, we are committed to providing it all. ๐Ÿ’ช๐Ÿผ ๐Ÿงฎ What sets Webstudio apart We have designed our core architecture with these priorities in mind: ๐Ÿก Community-first approach to development: Got some ideas for improvement? Share them directly with our core team https://github.com/webstudio-is/...! ๐Ÿงฉ Ownership and Privacy: No Google tracking by default and free GDPR-compliance hosting with the option to self-host. You own what you build, whether it is your site or your data. โšก๏ธ Performance: Got a need for speed? At Webstudio, you will get WebP-optimized images, a workers-based cloud, and super efficient rendering thanks to https://remix.run. ๐Ÿช„ Design Tokens- yep, no more classes-related headaches. ๐Ÿ’ฐ Pricing- You can build a production site or experiment for free inside Webstudio. We only monetize high-traffic sites and the advanced capabilities that are primarily used for client work.

And thatโ€™s not all! Here are some other upgrades that we are working on and will be making public this year:

๐ŸŽฏ Real-time Collaboration: With this upgrade, multiple designers and visual developers will be able to collaborate in real-time on Webstudio at no extra charge, just like in Figma! ๐Ÿ’ป Backend Versatility- no more limits to what CMSs and databases you can use. You will use CMSs like WordPress, Sanity, Airtable, or Notion as if they were built in, even though they are separate UIs! ๐Ÿ”— Native Extensibility- You get to add features as if they were built into the platform through React components and plugins. And last but not least โ€“ itโ€™s all open-source. ๐Ÿ’š ๐Ÿงฎ Whatโ€™s coming next The Beta Version is only the beginning - the static site builder that is not so static technically. With these upcoming features, you will soon witness the full power of the architecture: ๐Ÿ“Œ AI Integration ๐Ÿ“Œ Figma Tokens Sync ๐Ÿ“Œ UI Kits ๐Ÿ“Œ CMSs and Databases ๐Ÿ“Œ Versioning ๐Ÿ“Œ Real-Time Collaboration ๐Ÿ“Œ Interactions and Animations โ€ฆ and a lot more. Stay tuned! If you want to learn more about the features that set Webstudio apart, check out https://webstudio.is/blog/webstu...!
Oscar Lito M Pablo
@oleg008 Can I import/integrate an entire Svelte UI component library like Skeleton.dev into Webstudio and use the Svelte components just like native Webstudio components? That would be a killer feature!
Oleg Isonen
@fliponeup Our goal is to become completely framework agnostic, but we are not there yet, first UI kits will be React-based, then once we are happy with how they work and fully customizable, we will open an API for everyone to integrate with other frameworks. Think of it as of marketplace
รgh Helmut
That's awesome! This is why I love searching for new tools on Product Hunt, there are awesome new products every day! Thank you for making this Open Source!
Oleg Isonen
@aghhelmut ๐Ÿ‘
Brittany Joiner {Britt the Builder}
I love supporting open source projects, and I've recently gotten into webflow, so very keen to try this out!
Dragos Bulugean
Congrats for the Webstudio Beta launch!๐Ÿš€ I can see all the hard work that went into and you guys nailed it! Really great job ๐Ÿ‘๐Ÿคž
Nacho Franchini
Hey @oleg008 +1 for democratizing open source for everybody! Congrats on your launch! Looking forward to using it when ready
Oleg Isonen
@ifranchini it is ready to some extent, you gotta try!
Alice Barker
Super cool! Excited to try this out. ๐ŸŒฑ One comment: Love that this is an open source product... in the spirit of that, you may want to consider allowing for email signup in the app as opposed to forcing the choice between Github and Google. Seems like it would be in line with the open source ethos to decouple those companies from using the product.
Oleg Isonen
@puppycodes Absolutely. In fact In am maybe ok with github as it is being GDPR compliant but I don't love the fact that its microsoft. Google was just necessity as we didn't have time to build other options yet and designers usually don't have github. We will be revisiting login that's for sure.
Tayler FreundโœŒ๐Ÿฝ
Oleg and the team behind Webstudio are incredible - Its a platform us no-coders have been dreaming off... I can't wait to change sendero.ai's tagline from "Build software with webflow" to "Build software with Webstudio" - Our small agency believes that Webstudio's open-source mind-set will 100% led to community based outputs, which means much more powerful builds for our end clients. Excited to be apart of this next generation visual development platform! lets go WS!
Oleg Isonen
@tayler_odea Tayler! Don't know what to say. Lets do it!
Johannes Hรถtter
I've been playing with Webstudio since the Alpha, and really love it so far. Looking forward a lot to templates, then I'll switch it with my current webdev approach for sure :-)
Oleg Isonen
@johannes_hoetter awesome, please do share what you built so far!
Stiven Martรญnez
i'm curious about if we can use it with a Turborepo (NextJS) project, i cannot find documentation about it.
Oleg Isonen
@stivenmart In the future it will be possible to use it with any framework, right now too little is documented
Dimitri
Webstudio is an awesome tool! I am proud to know @oleg008 personally and can only say that the product will rock the space ๐Ÿš€๐Ÿš€๐Ÿš€
Oleg Isonen
@divdev_ ๐Ÿ™Œ
Omar McPizza ๐Ÿ•
Epic! So excited for this Theres other great tools out there, but theyre all missing something, or force you into their eco system With open source, its so easy to customize and add whatever you need! This will be big!
Ismail Xahy
Looks like a promising tool compared to framer, and the best part being Open source is awesome! Congrats on the launch folks ๐Ÿš€
Oleg Isonen
@xahy Thank you! Try it out, share what you are building!
Gรถrkem Polat
Seems very exciting, congratulations! How easy is it to tie the frontend to backend systems like django/flask for example?
Oleg Isonen
@gorkempolat this is what we will focus next in the upcoming launch, stay tuned
Arnaud de Saint Jean
wow very impressed by this open source project. I hope it'll go far. I hate webflow global CSS classes.
Oleg Isonen
@arnauddsj ๐Ÿ™ƒ
Valentin Semirulnik
The team behind Webstudio is really amazing! And the fact that their work is open sourced makes it even more amazing! Wishing you good luck with the lunch of Webstudio!
Oleg Isonen
@7rulnik ๐Ÿ™Œ
Chameera Premasiri
Congratulations Oleg and the team. I already used this before the beta launch and tried it out with a small site. So far I'm impressed. I love this open-source project where we have full controllability without the platform lock. Waiting for the releases to be launched this year. ๐Ÿ˜
Oleg Isonen
@chameera please share what you built!
Kate McGinn
Massive congrats on the launch, Oleg! Love the vision of giving designers more control and agency over their projects ๐Ÿ™Œ
Oleg Isonen
@k8mcgn Thank you so much Kate โค๏ธ
Dave Jeffery
Congratulations Oleg. This looks awesome. It's exciting to see how polished and refined this looks. Polished design is definitely not something I would have associated with open source in the past but that is changing quickly! Can you share more about how the Design Tokens feature works?
Oleg Isonen
@davej Time to change the perception of open source while also changing the perception of what nocode tools can do?
Robert Davison
Congrats on the launch ๐Ÿš€๐Ÿš€๐Ÿš€. Webstudio im looking forward use it. It's look fun to use it and clean man i love it before even i use it xD
Oleg Isonen
@robert00 ๐Ÿ˜…
Ideagarage
Awesome product, enables us to design website complete of details. Its open source philosophy brings us to relieve and contribute. I'm still waiting to integration of external database, it will be perfect solution.