Copy from Webflow, paste into Webstudio and let the magic happen - ⌘ C 🪄 ⌘ V
- Structure, names & attributes gets preserved
- Classes turn into Tokens
- Everything stays responsive, same breakpoints
- Images uploaded and WebP-optimized
Announcing the Webstudio CLI for Developers & Designers 🙀🙀🙀
Now you can publish your website to
@vercel
, a platform developers use to deploy modern frontends 🎉
▶️Watch full tutorial:
Want full control over every aspect of your website?
...but overwhelmed by complex builders?
In just a few minutes, Alex takes you through the anatomy of Webstudio. 👇
Fellow Designers, Visual Developers, and NoCoders,
Webstudio Beta, an Open Source alternative to Webflow, is now live on
@ProductHunt
🎉
It is our first production-grade version!
Here is why we are so excited about it 🧵🧵🧵
Open Source Webflow alternative is getting ready to launch in a few weeks 🚀🚀🚀
- Community-first
- Free Cloud & Open Source
- Real-time collaboration
- Connect any Database or CMS
Click "Notify me" to get a notification when we go live on
@ProductHunt
Today is a big day for Webstudio! We are excited to unveil what we have been working on for the last year!
Webstudio CMS is live on ProductHunt:
We took an unusual approach to CMS because we wanted to prioritize maximum scalability, performance, and
Calling all Designers and Template Creators!
We are officially opening the Webstudio Template Creator Program.
🥇 Be the first and gain full exposure to our growing user-base
🤑 Keep 100% of the profits, we don’t take a cut.
Apply here 👉
We are thrilled to announce the alpha release of Webstudio - an Open Source Visual Development Platform
Producthunt
Landing site built with
@webstudiois
@remix_run
@radix_ui
@vercel
and more
Tech intro
Webstudio AI Alpha has arrived 🚀
You can ask it to do lots of things: create layouts, generate CSS, write copy, and more.
One thing it won't attempt to do is replace a Designer. It is meant to be an assistant to help you realize your vision.
Support us on Product Hunt
Fellow Designers and Visual Developers 👋
Webstudio - an Open Source alternative to Webflow has now become much more accessible with powerful Radix UI components 🪄🦸🏽♂️
We JUST launched on Product Hunt!
Webstudio is getting ready for the Beta 🚀
Click "Notify me" here to get notified when launch goes live
@ProductHunt
Deep dive into Webstudio:
Try it yourself:
Next week, we are launching the Webstudio CLI - a way to publish your project anywhere.
The default will be publishing to Vercel.
Are you excited about this?
Form Component - build it with the full power of HTML and CSS without writing any.
- Responsive
- Style all the states
- Flexible Success and Error content and styling
- Can be sent to
@airtable
,
@n8n_io
, and other services (stay tuned for the next
Ready to showcase your stunning designs to the world?
🌎 With Webstudio, you can publish your sites to your own domain name, FOR FREE!
🛠️ Configuring your domain is extremely simple, no puzzling registrar UIs, you can do it without leaving Webstudio Builder.
🚨 Designers, Developers and Agencies, it's time to confidently deploy to production with Webstudio Cloud.
✅Unlimited sites
✅Unlimited domains
+ Ensure the Open-Source future of Webstudio ❤️
🚀 Dynamic Data Bindings have arrived!
🔗 Integrate with anything that has an API
⚡ Dynamic at the speed of static
💡 Create your own expressions with support for calculations and conditions
Details 👇
Poor Image Rendering is the second biggest cause of poor website performance!
Visitors won't always complain about a sluggish website; they'll simply switch to your competition.
🤗 Fast website - happy customer, especially on mobile
📈 Happy customer - happy business
Webstudio AI is Launching tomorrow 🚀🚀🚀
Click "Notify me"
The idea here is to put the designer in the driver's seat, not to generate flashy stuff that's only great for demos.
The day has arrived: Webstudio AI Alpha is officially in general availability 🔥
Let it handle layouts, generate CSS, write copy, and more while you focus on the big picture.
Show off what you've built and tag us in your favorite prompts 🥳
🤖👉
Our team is deciding on the first CMS integration for
@getwebstudio
.
Meaning with this integration you can use the CMS for all content and use Webstudio to build the design.
What is the CMS you would want to use and why?
Who wants
@getwebstudio
to be local-first?
Meaning
- you can start the app offline (not like figma)
- you can work on it offline
- when you go online your changes are all synced up to the cloud
- when you are online you can still collaborate in real-time
- you can open a
Hey Creators👋
We're launching a special lifetime deal for our earliest adopters!
A one time payment to build and publish unlimited websites.
Limited to 100 accounts.
Imagine having uninterrupted access to all of Webstudio's PRO features, forever. 👇
Some facts about Webstudio 📈
Since Beta Launch in June 2023:
👷♂️ Total users: 19242
🛠️ Total projects: 32866
🚀 Total publishes: 49852
Over the last ~3 month, you published:
- 23041 times in total
- 1772 times per week
- 253 times per day
Thank you all for being part of
Customers are still asking for WordPress, but you want to use a modern no-code builder.
We just released a WordPress template that lets you use Webstudio, publish to the edge, and keep your customers happy with headless WordPress.
Webstudio SEO Settings is here 🚀
🎥
✅ Favicon
✅ Site Title
✅ Page Title
✅ Page Descriptions
✅ Meta Tags
✅ Open Graph Tags
✅ Head Code Embed
✅ robots.txt
✅ sitemap.xml
@TheUmmahEr
Not only free subdomains, but 5 external domains you can connect for free.
And yes, custom code and analytics are free as well. We are not monetizing features you need to build. Only those that are designed for teams.
Images from third-party platforms are now automatically optimized!
If your images come from Hygraph, Airtable, or any other platform, they'll receive the same optimization treatment as those uploaded directly to Webstudio: converted, compressed, and served as responsive images.
WebP images are the gold standard when it comes to site speed.
Webstudio automatically converts all your uploads to the best format 🤩
Started with a 2MB image. It's now 70KB. That's 96% lighter 🤯
The first milestone of 60 paying customers has been unlocked! 🔥
We are incredibly excited and hopeful for the upcoming months. It's a fantastic time to embark on something new with Webstudio!
Release 0.123.0 is now live! 🤘🚀
🆕 Visual editing for box shadows
🆕 Lazy loading for Vimeo videos
🆕 Code editor now supports syntax highlighting
🆕 Atomic CSS has been added to all projects, resulting in up to 90% reduction in CSS file size ⚡
Details 👇
📣 We are launching the Documentation Portal! 📣
Thank you for sticking with us despite the lack of documentation.
What we have is far from complete, but with
@GitBookIO
, you can now contribute to the documentation in just a few clicks ❤️
Webflow User! Forget manual unit conversion!
With
@webstudiois
, auto convert units like px > rem or px > em in a click.
Experience open-source, Webflow-style editor with no vendor lock-in, and GDPR-compliant hosting from $0!
Follow our launch:
So many have asked us to compare: Webstudio vs Webflow vs Framer.
John from
@gocreatetoday
took the time to go as deep as possible and compare the three.
Let us know what you think! Do you agree? Disagree? Don't care? Surprised?
We want to know!
Webstudio is in the top 3 of today's launch on Product Hunt 🎉
We received an amazing amount of support!
Only ONE hour left, let's give it another round!!!
Copy from
@NotionHQ
→ paste into Webstudio
When you paste Markdown into Webstudio, it automatically translates to Webstudio components so you can go from editing content to a complete website faster.
Make your titles look beautiful... without having to set an arbitrary max-width!
Text-balance has landed in Webstudio.
It automatically balances the # of characters on each line, improving readability and appearance.
Click "..." in Typography > Wrap Style > Balance
🆕 Release 0.123.0 is now live!
⚬ New: Duplicate page option within pages
⚬ New: Pro badge on paid accounts
⚬ Enhancement: Copy/paste and duplicate improvements to handle preservation of slots and design tokens.
Watch the full lesson on using
@Hygraph
(headless CMS) and Webstudio (advanced visual builder for the frontend). You no longer need a custom-coded frontend to use a powerful headless CMS like Hygraph.
Watch the two come together to create a simple blog in six steps:
1. Create a
Introducing the Webstudio CLI for
@Netlify
🚀
Now, you can create with Webstudio and publish directly to Netlify's top-tier hosting service.
This allows your website to be hosted entirely free of charge.
Give it a try today 👉
Developers, quite a few of you have asked us about how we architected a visual builder with collaboration and offline-first functionality at its core.
Here are the details 👉
In short, by applying the experience of decades of collective engineering into
A massive thank you to everyone who supported us during the
@ProductHunt
launch last week ❤️ 🔥 👊 🙌 .
Webstudio AI made it into the top 10 products of the day, was featured in their newsletter which reaches 750k+ daily tech readers AND won the
#1
Product of the week.
We are launching an Expert Network powered by
@contra
- a commission-free platform that allows you to showcase your work, find clients and find builders!
Hurry up, create a profile with at least one project made in Webstudio. Once first 12 profiles are selected they will get
Ever wanted to build your very own blazing fast directory site using
@airtable
as a data source?
In our latest video, Alex takes you through the step-by-step process of building a directory site and includes everything you need to clone the new template.
Links in thread 👇🧵
Considering creating an early stage templates marketplace.
0% fee
100% ownership
Who has made great templates before and wants to be among the first?
Benefit for early birds is visibility as platform grows.
Webstudio is still in Beta, lacking CMS and interactions— but what makes it so special?
Why would anyone use it❓
See what community has to say about it and this is just the tip of the iceberg.
There's always that one blog with way more text than the others...
Set the max amount of lines with line-clamp.
Be sure to set these properties:
• display: -webkit-box
• webkit-box-orient: vertical
• -webkit-line-clamp: <# of lines>
• overflow: hidden
👋The HTML Form is the first point of contact between a potential customer and your service!
🙀 82% of Consumers Expect Responses Within 10 Minutes
Here is a complete workflow automation using
@n8n_io
and
@supabase
- extremely powerful, robust, and will save you 💰💰💰
🧵
Announcing the
@airtable
Template – full setup in just a few clicks! Webstudio as a frontend for Airtable is powerful!
Pair them together for programmatic SEO, manipulate data with Airtable Extensions and Automations, and publish in Airtable – it’s live 🪄
Want to use
@airtable
as a CMS? Here we show you how to create a dynamic filterable/searchable overview page as well as a dynamic details page for each item.
Things you will find interesting about Webstudio Pricing:
1. No bandwidth limitation
2. Unlimited sites for free
3. 5 custom domains for free
Pricing system and metrics engineered to be simple and sustainable, here is more about it🧵
What if you could position everything on the page in freestyle mode, unconstrained, like in Figma and then the AI makes a good guess and applies all the layouts?
Serious question. How badly do you want this?
Fellow Designers, Visual Developers, and NoCoders,
Webstudio Beta, an Open Source alternative to Webflow, is now live on
@ProductHunt
🎉
It is our first production-grade version!
Here is why we are so excited about it 🧵🧵🧵
Webstudio has been rolling out in 3 stages:
✅ Stage 1: small sites (June 2023)
🚀 Stage 2: big sites (May 2024 - upcoming CMS launch )
🔮 Stage3: Giant Portals (2025)
To give you a birds-eye view of the roadmap:
✅ Beta launch - Basic Visual Development UX
Next up:
🚧 First advanced UI kit integration
🚧 First external CMS integration
🚧 Real-time multiplayer collaborative experience
🚧 Advanced AI assistant for professionals
🚧 Open APIs
Fellow Designers, Visual Developers, and NoCoders,
Webstudio Beta, an Open Source alternative to Webflow, is now live on
@ProductHunt
🎉
It is our first production-grade version!
Here is why we are so excited about it 🧵🧵🧵
Webstudio AI is Launching tomorrow 🚀🚀🚀
Click "Notify me"
The idea here is to put the designer in the driver's seat, not to generate flashy stuff that's only great for demos.
Some of you asked if Webstudio AI is Open Source.
Yes - it is fully open source, most relevant logic is in this package
And here is the UI and integration bits
Webstudio AI Alpha has arrived 🚀
You can ask it to do lots of things: create layouts, generate CSS, write copy, and more.
One thing it won't attempt to do is replace a Designer. It is meant to be an assistant to help you realize your vision.
Support us on Product Hunt