Webstudio Profile Banner
Webstudio Profile
Webstudio

@getwebstudio

9,713
Followers
204
Following
173
Media
908
Statuses

A happy place to design and build for the web. ☆ Open Source ☆ All CSS properties ☆ Dynamic at the speed of static

Create your Website 👉
Joined January 2022
Don't wanna be here? Send us removal request.
Pinned Tweet
@getwebstudio
Webstudio
14 days
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
14
21
149
@getwebstudio
Webstudio
11 months
We are trending on GitHub ⭐️⭐️⭐️⭐️⭐️ Wanna show this beautiful repository even more love?
Tweet media one
222
902
11K
@getwebstudio
Webstudio
11 months
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:
22
62
1K
@getwebstudio
Webstudio
1 year
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. 👇
1
17
395
@getwebstudio
Webstudio
1 year
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 🧵🧵🧵
26
98
395
@getwebstudio
Webstudio
1 year
We are creating an Open Visual Development Platform for the Web Design Community 🫶🏻
0
21
347
@getwebstudio
Webstudio
1 year
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
15
28
316
@getwebstudio
Webstudio
2 months
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
Tweet media one
210
205
286
@getwebstudio
Webstudio
10 months
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 👉
10
32
231
@getwebstudio
Webstudio
2 years
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
Tweet media one
13
43
246
@getwebstudio
Webstudio
10 months
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
45
70
223
@getwebstudio
Webstudio
11 months
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!
6
39
194
@getwebstudio
Webstudio
1 year
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:
17
39
174
@getwebstudio
Webstudio
2 months
Guess what's coming to Webstudio soon? 🙂
24
8
120
@getwebstudio
Webstudio
11 months
Graduate from classes. 👨‍🎓 Webstudio simplifies managing styles by using Design Tokens, the new standard for visual tools. 📖 Article: ▶️ Video:
4
10
103
@getwebstudio
Webstudio
11 months
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?
5
11
95
@getwebstudio
Webstudio
1 year
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
3
7
75
@getwebstudio
Webstudio
8 months
Did you know you can already use @splinetool with Webstudio? 🎉
2
9
78
@getwebstudio
Webstudio
1 year
Is this you?
Tweet media one
2
5
67
@getwebstudio
Webstudio
1 year
Webstudio vs Webflow This short article will explain the main differences: Click "Notify me" to know when Webstudio Beta goes live on @ProductHunt
Tweet media one
7
5
63
@getwebstudio
Webstudio
1 year
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.
2
5
60
@getwebstudio
Webstudio
8 months
🚨 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 ❤️
5
9
58
@getwebstudio
Webstudio
6 months
🚀 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 👇
12
7
59
@getwebstudio
Webstudio
1 year
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
2
5
52
@getwebstudio
Webstudio
10 months
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.
4
13
56
@getwebstudio
Webstudio
9 months
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 🥳 🤖👉
5
11
54
@getwebstudio
Webstudio
9 months
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?
28
7
50
@getwebstudio
Webstudio
1 year
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
10
3
47
@getwebstudio
Webstudio
8 months
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. 👇
14
7
47
@getwebstudio
Webstudio
7 months
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
3
2
47
@getwebstudio
Webstudio
3 months
We just added Swiper.js demos to the Webstudio Marketplace. From those demos you can learn how to build any kind of Swiper.js gallery.
2
3
44
@getwebstudio
Webstudio
9 days
Check your Navigator, folks! You've asked for this feature for a long, long time! 🎉
Tweet media one
4
2
48
@getwebstudio
Webstudio
2 months
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.
6
5
43
@getwebstudio
Webstudio
9 months
Webstudio SEO Settings is here 🚀 🎥 ✅ Favicon ✅ Site Title ✅ Page Title ✅ Page Descriptions ✅ Meta Tags ✅ Open Graph Tags ✅ Head Code Embed ✅ robots.txt ✅ sitemap.xml
3
9
39
@getwebstudio
Webstudio
10 months
@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.
1
0
39
@getwebstudio
Webstudio
3 months
A deep dive into the upcoming Webstudio CMS integration - A No-Code Frontend for Headless CMS
Tweet media one
5
3
41
@getwebstudio
Webstudio
1 month
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.
5
2
41
@getwebstudio
Webstudio
6 months
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 🤯
3
1
40
@getwebstudio
Webstudio
8 months
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!
4
3
40
@getwebstudio
Webstudio
6 months
We are launching clonables 🚀 You can share a link to the project and anyone with that link can now clone your project. Happy cloning 🧙‍♂️
2
5
36
@getwebstudio
Webstudio
7 months
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 👇
4
4
38
@getwebstudio
Webstudio
8 months
📣 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 ❤️
2
7
36
@getwebstudio
Webstudio
9 months
Preparing for a big announcement on Monday, what do you think we are launching? 🚀
18
3
36
@getwebstudio
Webstudio
1 year
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:
1
6
36
@getwebstudio
Webstudio
3 months
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!
Tweet media one
4
4
36
@getwebstudio
Webstudio
2 months
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!!!
Tweet media one
2
8
36
@getwebstudio
Webstudio
6 months
Oh we added transitions to Webstudio 👇 Forgot to tweet about it 🥲
1
3
36
@getwebstudio
Webstudio
2 months
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.
4
2
36
@getwebstudio
Webstudio
5 months
From our Discord community ❤️
Tweet media one
1
0
35
@getwebstudio
Webstudio
7 months
Variables are coming
@IAmTrySound
Bogdan | webstudio.is
7 months
Sneak peek at Webstudio at the end of the year.
Tweet media one
0
0
10
2
2
35
@getwebstudio
Webstudio
5 months
We secretly released something big, go find it in the builder before the official announcement!
4
5
35
@getwebstudio
Webstudio
25 days
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
5
5
35
@getwebstudio
Webstudio
7 months
🆕 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.
6
5
33
@getwebstudio
Webstudio
2 months
What HTML syntax error? 🫢 Webstudio validates custom HTML and provides a one-click fix for most issues.
2
1
33
@getwebstudio
Webstudio
8 months
Webstudio is trending on @GitHub !!! Go give it another star!
Tweet media one
10
3
32
@getwebstudio
Webstudio
2 months
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
Tweet media one
4
7
32
@getwebstudio
Webstudio
10 months
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 👉
2
7
31
@getwebstudio
Webstudio
10 months
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
Tweet media one
0
3
29
@getwebstudio
Webstudio
9 months
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.
Tweet media one
2
10
29
@getwebstudio
Webstudio
11 months
Tomorrow we are launching something big! Click "notify me" on Product Hunt
Tweet media one
4
4
29
@getwebstudio
Webstudio
27 days
Drag and drop upload works with images from other websites! 🤯
1
0
32
@getwebstudio
Webstudio
8 months
Did you know Webstudio can be integrated with any other platform that supports Webhooks? Here's a quick demo on how to connect your forms to @Zapier 👇
3
3
28
@getwebstudio
Webstudio
3 months
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
Tweet media one
4
6
30
@getwebstudio
Webstudio
4 months
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 👇🧵
Tweet media one
4
0
30
@getwebstudio
Webstudio
1 year
Code is a maintenance liability. NoCode is a lock-in and limitations liability. Open Source NoCode is the best of all worlds.
2
6
30
@getwebstudio
Webstudio
1 year
Webstudio now supports #Figma gradient imports! Step into our open-source, Webflow-style editor offering unlimited projects, any CMS connection, no vendor lock-in, and ultra-fast GDPR-compliant hosting. Starting at $0! Launching 🚀on ProductHunt:
2
1
29
@getwebstudio
Webstudio
1 year
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.
5
2
28
@getwebstudio
Webstudio
11 months
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.
0
3
27
@getwebstudio
Webstudio
28 days
Drag and drop upload has arrived! Plus, you don't need to wait for your assets to finish uploading to use them.
1
1
29
@getwebstudio
Webstudio
11 months
Radix launch is in top 5 on hacker news
Tweet media one
4
1
28
@getwebstudio
Webstudio
19 days
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
0
1
29
@getwebstudio
Webstudio
1 year
1000 Followers on Product Hunt!!! you 👏 are 👏 amazing 🥂
Tweet media one
4
3
27
@getwebstudio
Webstudio
1 year
👋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 💰💰💰 🧵
5
6
27
@getwebstudio
Webstudio
2 months
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 🪄
@getwebstudio
Webstudio
2 months
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.
Tweet media one
0
4
8
2
1
26
@getwebstudio
Webstudio
15 days
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🧵
Tweet media one
1
5
28
@getwebstudio
Webstudio
1 year
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?
6
2
25
@getwebstudio
Webstudio
1 year
Wait, what did you just do? We are now #2 ! Keep it going!
Tweet media one
@getwebstudio
Webstudio
1 year
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 🧵🧵🧵
26
98
395
1
2
25
@getwebstudio
Webstudio
1 year
Design Tokens implementation in Webstudio is extremely powerful. You will never want to use classes again. You can try it now.
3
5
26
@getwebstudio
Webstudio
1 year
Tweet media one
0
2
25
@getwebstudio
Webstudio
3 months
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)
2
4
24
@getwebstudio
Webstudio
2 months
Announcing filters and backdrop-filters with ✅ Full CSS capabilities! ✅ NoCode UI ✅ Code always available for copy-paste Learn more about CSS filters:
2
2
25
@getwebstudio
Webstudio
1 year
What is happening?!
Tweet media one
3
4
25
@getwebstudio
Webstudio
3 months
Our new showcase section is featuring:
Tweet media one
2
3
24
@getwebstudio
Webstudio
11 months
Did you know Webstudio allows you to personalize shared links and know who has access to your project with which permissions each?
Tweet media one
0
0
24
@getwebstudio
Webstudio
1 year
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
@getwebstudio
Webstudio
1 year
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 🧵🧵🧵
26
98
395
3
4
23
@getwebstudio
Webstudio
2 months
Decide on padding-medium instead of padding-small? Remove padding-small, even if it's the first one defined!
2
1
24
@getwebstudio
Webstudio
7 months
Mark your calendars, on monday we are launching dynamic data bindings 🚀
0
1
23
@getwebstudio
Webstudio
6 months
🙏 ❤️
Tweet media one
1
2
23
@getwebstudio
Webstudio
10 months
More fun building a pricing section using Webstudio AI and Voice The launch is tomorrow!
@getwebstudio
Webstudio
10 months
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.
4
13
56
2
5
22
@getwebstudio
Webstudio
5 months
Every SaaS site designed in 2023
Tweet media one
2
0
23
@getwebstudio
Webstudio
1 year
Design Tokens: Better Than Classes. Here is how we solved all issues with classes while keeping the UI very familiar:
1
4
23
@getwebstudio
Webstudio
9 months
Our community gets it right!
Tweet media one
3
4
22
@getwebstudio
Webstudio
9 months
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
@getwebstudio
Webstudio
10 months
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
45
70
223
3
6
20
@getwebstudio
Webstudio
2 years
📣 How I implemented undo/redo in Webstudio using synchronized immutable state with time travel.
0
6
22
@getwebstudio
Webstudio
1 year
3000 Followers 🎉🎉🎉 It's a big milestone and a reason to celebrate. This community is going to rock! Thank you!
Tweet media one
1
3
21
@getwebstudio
Webstudio
1 month
- @penpotapp - @baserow - @getwebstudio When you hear these mentioned in one sentence, what comes to mind?
5
1
24
@getwebstudio
Webstudio
1 year
That is the default. This is how it is supposed to be. This is what I wish everyone would do.
Tweet media one
3
3
21
@getwebstudio
Webstudio
1 year
Should Webstudio embrace Tailwind natively?
11
2
19
@getwebstudio
Webstudio
1 year
Woah, we are #3 on Product Hunt!!! Amazing support so far, let's make it #1 . Tell your friends!
Tweet media one
0
6
21
@getwebstudio
Webstudio
1 year
First templates are coming along nicely
0
1
21