Oleg
@oleg.id
Founder @webstudio.is , NoCode, CSS, TypeScript,React,
Ex eng @tesla, @webflow
Ex eng @tesla, @webflow
Reposted by Oleg
Today we’re finally unveiling Inception - a creative AI tool that lets you experiment with design ideas backed by production-grade code.
Where should we take this tool next? Let’s discuss it on Product Hunt:
producthunt.com/products/web...
Where should we take this tool next? Let’s discuss it on Product Hunt:
producthunt.com/products/web...
October 8, 2025 at 7:56 AM
Today we’re finally unveiling Inception - a creative AI tool that lets you experiment with design ideas backed by production-grade code.
Where should we take this tool next? Let’s discuss it on Product Hunt:
producthunt.com/products/web...
Where should we take this tool next? Let’s discuss it on Product Hunt:
producthunt.com/products/web...
Reposted by Oleg
I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it!
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
una.im | Follow-the-leader pattern with CSS anchor positioning
Learn how to create a dynamically re-anchored pointer element.
una.im
September 11, 2025 at 6:14 PM
I've been using a "follow-the-leader" pattern with CSS anchor positioning lately so I decided to write about it!
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
You set up a "follower" element and dynamically update the anchor on an event/state. Surprisingly simple and effective.
Read more with demos!:
👀➡️ una.im/follow-the-a...
Reposted by Oleg
Surprise! We've been sneakily backing up your published sites forever... just forgot the "Restore" button. Now, if you royally screw up your build, rewind to the last good version with one click.
July 11, 2025 at 6:00 PM
Surprise! We've been sneakily backing up your published sites forever... just forgot the "Restore" button. Now, if you royally screw up your build, rewind to the last good version with one click.
Reposted by Oleg
Moving away from static interfaces in an AI-driven world means we need to rethink how we approach design in the coming years.
webstudio.is/blog/moving-...
webstudio.is/blog/moving-...
July 7, 2025 at 12:07 PM
Moving away from static interfaces in an AI-driven world means we need to rethink how we approach design in the coming years.
webstudio.is/blog/moving-...
webstudio.is/blog/moving-...
Reposted by Oleg
July 4, 2025 at 7:44 AM
Reposted by Oleg
Breaking news: the PAGE NOT FOUND page can now be found!
By default, Webstudio didn’t include 404 pages - you had to add them yourself. Now that’s changed: they’re there by default when you create a new project, and, as before, you can style the page however you like.
By default, Webstudio didn’t include 404 pages - you had to add them yourself. Now that’s changed: they’re there by default when you create a new project, and, as before, you can style the page however you like.
July 2, 2025 at 8:27 AM
Breaking news: the PAGE NOT FOUND page can now be found!
By default, Webstudio didn’t include 404 pages - you had to add them yourself. Now that’s changed: they’re there by default when you create a new project, and, as before, you can style the page however you like.
By default, Webstudio didn’t include 404 pages - you had to add them yourself. Now that’s changed: they’re there by default when you create a new project, and, as before, you can style the page however you like.
Reposted by Oleg
We just added HTML+Tailwind paste 🚀
Paste HTML + Tailwind from any site into Webstudio in one click. Use AI to generate sections or choose from thousands of Tailwind templates.
But there is more to it: webstudio.is/blog/making-...
Paste HTML + Tailwind from any site into Webstudio in one click. Use AI to generate sections or choose from thousands of Tailwind templates.
But there is more to it: webstudio.is/blog/making-...
June 27, 2025 at 11:25 AM
We just added HTML+Tailwind paste 🚀
Paste HTML + Tailwind from any site into Webstudio in one click. Use AI to generate sections or choose from thousands of Tailwind templates.
But there is more to it: webstudio.is/blog/making-...
Paste HTML + Tailwind from any site into Webstudio in one click. Use AI to generate sections or choose from thousands of Tailwind templates.
But there is more to it: webstudio.is/blog/making-...
Reposted by Oleg
Introducing Webstudio Inception - the AI-native way to design and build websites.
Invites: webstudio.is/inception
We believe we unlocked something incredible—go from a single prompt to a unique, beautiful, creative website in minutes. Production-ready code.
www.youtube.com/watch?v=Uf2l...
Invites: webstudio.is/inception
We believe we unlocked something incredible—go from a single prompt to a unique, beautiful, creative website in minutes. Production-ready code.
www.youtube.com/watch?v=Uf2l...
Webstudio Inception - where ideas become real
YouTube video by Webstudio
www.youtube.com
June 3, 2025 at 12:09 PM
Introducing Webstudio Inception - the AI-native way to design and build websites.
Invites: webstudio.is/inception
We believe we unlocked something incredible—go from a single prompt to a unique, beautiful, creative website in minutes. Production-ready code.
www.youtube.com/watch?v=Uf2l...
Invites: webstudio.is/inception
We believe we unlocked something incredible—go from a single prompt to a unique, beautiful, creative website in minutes. Production-ready code.
www.youtube.com/watch?v=Uf2l...
Team @webstudio.is has been researching Generative Web Design for a while, and this week, we had seven breakthroughs. I can’t disclose the details of each one, but I can share the results.
This is just our prototype—we still have much to do, but:
This is just our prototype—we still have much to do, but:
May 18, 2025 at 7:31 PM
Team @webstudio.is has been researching Generative Web Design for a while, and this week, we had seven breakthroughs. I can’t disclose the details of each one, but I can share the results.
This is just our prototype—we still have much to do, but:
This is just our prototype—we still have much to do, but:
Reposted by Oleg
March 20, 2025 at 4:40 PM
Reposted by Oleg
No hosting lock-in 🔓 with this setup: Webstudio, Hetzner, Coolify 🔥
Webstudio 👉 Full site export
Hetzner 👉 Cost-effective servers
Coolify 👉 Deployment management
Watch the tutorial 👇
Webstudio 👉 Full site export
Hetzner 👉 Cost-effective servers
Coolify 👉 Deployment management
Watch the tutorial 👇
Deploy Webstudio to Hetzner with Coolify
In this tutorial, you will learn how to export your Webstudio Project and use Coolify to deploy it to Hetzner. Coolify is a PaaS that makes it easy to deploy and manage applications on your own server, giving you control over your infrastructure without the complexity. You can self-host Coolify or use their Cloud. See the documentation for more info: https://docs.webstudio.is/university/self-hosting/hetzner-coolify Coolify: https://coolify.io Hetzner: https://www.hetzner.com Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
February 26, 2025 at 3:21 PM
No hosting lock-in 🔓 with this setup: Webstudio, Hetzner, Coolify 🔥
Webstudio 👉 Full site export
Hetzner 👉 Cost-effective servers
Coolify 👉 Deployment management
Watch the tutorial 👇
Webstudio 👉 Full site export
Hetzner 👉 Cost-effective servers
Coolify 👉 Deployment management
Watch the tutorial 👇
Reposted by Oleg
Here’s another self-hosting tutorial — this time with @coolify.io and @digitalocean.com 🙂
Deploy Your Webstudio site to Digital Ocean with Coolify
In this tutorial, you will learn how to export your Webstudio Project and use Coolify to deploy it to Digital Ocean. Coolify is a PaaS that makes it easy to deploy and manage applications on your own server, giving you control over your infrastructure without the complexity. You can self-host Coolify or use their Cloud. See the documentation for more info: https://docs.webstudio.is/university/self-hosting/digital-ocean-coolify Coolify: https://coolify.io Digital Ocean: https://www.digitalocean.com Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
February 27, 2025 at 7:02 AM
Here’s another self-hosting tutorial — this time with @coolify.io and @digitalocean.com 🙂
Reposted by Oleg
Want to reuse an email 📧, phone number, or CMS connection data throughout your site??
Now you can with Global Data Variables!
🌎 Define reusable data globally
📦 Access the variables anywhere… including inside Slots!
👌 Maintain consistency
🫰 Easier CMS setup!
Demos below 😉
Now you can with Global Data Variables!
🌎 Define reusable data globally
📦 Access the variables anywhere… including inside Slots!
👌 Maintain consistency
🫰 Easier CMS setup!
Demos below 😉
February 28, 2025 at 10:30 PM
Want to reuse an email 📧, phone number, or CMS connection data throughout your site??
Now you can with Global Data Variables!
🌎 Define reusable data globally
📦 Access the variables anywhere… including inside Slots!
👌 Maintain consistency
🫰 Easier CMS setup!
Demos below 😉
Now you can with Global Data Variables!
🌎 Define reusable data globally
📦 Access the variables anywhere… including inside Slots!
👌 Maintain consistency
🫰 Easier CMS setup!
Demos below 😉
Reposted by Oleg
Webstudio now has Docker support for sites!
Export your dynamic site, and deploy it just about anywhere.
Get total control over your hosting, cost, and compliance.
See comments for a tutorial on using Flightcontrol to deploy your site to AWS.
Export your dynamic site, and deploy it just about anywhere.
Get total control over your hosting, cost, and compliance.
See comments for a tutorial on using Flightcontrol to deploy your site to AWS.
January 29, 2025 at 2:00 PM
Webstudio now has Docker support for sites!
Export your dynamic site, and deploy it just about anywhere.
Get total control over your hosting, cost, and compliance.
See comments for a tutorial on using Flightcontrol to deploy your site to AWS.
Export your dynamic site, and deploy it just about anywhere.
Get total control over your hosting, cost, and compliance.
See comments for a tutorial on using Flightcontrol to deploy your site to AWS.
Reposted by Oleg
4,000 community members in Discord.
Couldn’t imagine Webstudio without you all ❤️
Couldn’t imagine Webstudio without you all ❤️
January 27, 2025 at 1:15 PM
4,000 community members in Discord.
Couldn’t imagine Webstudio without you all ❤️
Couldn’t imagine Webstudio without you all ❤️
Reposted by Oleg
Google is screwing your SEO performance? It's all in your 𝗵𝗲𝗮𝗱.
Meet Head Slot component — the visual way to customize the <head> per page.
🛠️ Set canonical URLs to manage duplicate content for search engines
🛠️ Set alternate URLs for multilingual/regional versions
Meet Head Slot component — the visual way to customize the <head> per page.
🛠️ Set canonical URLs to manage duplicate content for search engines
🛠️ Set alternate URLs for multilingual/regional versions
January 23, 2025 at 7:00 AM
Google is screwing your SEO performance? It's all in your 𝗵𝗲𝗮𝗱.
Meet Head Slot component — the visual way to customize the <head> per page.
🛠️ Set canonical URLs to manage duplicate content for search engines
🛠️ Set alternate URLs for multilingual/regional versions
Meet Head Slot component — the visual way to customize the <head> per page.
🛠️ Set canonical URLs to manage duplicate content for search engines
🛠️ Set alternate URLs for multilingual/regional versions
Reposted by Oleg
Made in Webstudio without writing code
“Other platforms are stuck in 2015”…
“Other platforms are stuck in 2015”…
January 8, 2025 at 3:00 PM
Made in Webstudio without writing code
“Other platforms are stuck in 2015”…
“Other platforms are stuck in 2015”…
Reposted by Oleg
Study reveals Webflow sites have 256% more classes than Webstudio
More classes correlate with harder maintainability and slower websites.
Here are the details and the underlying reason for the difference.
wstd.us/tokens-classes
More classes correlate with harder maintainability and slower websites.
Here are the details and the underlying reason for the difference.
wstd.us/tokens-classes
wstd.us
January 9, 2025 at 7:00 AM
Study reveals Webflow sites have 256% more classes than Webstudio
More classes correlate with harder maintainability and slower websites.
Here are the details and the underlying reason for the difference.
wstd.us/tokens-classes
More classes correlate with harder maintainability and slower websites.
Here are the details and the underlying reason for the difference.
wstd.us/tokens-classes
Reposted by Oleg
YouTube component is here!
↔️ Responsive by default
💤 Fast with lazy loading
🎛️ UI inputs for all the settings
▶️ Customizable play icon and loading icon
👻 “Privacy Enhanced” Mode enabled by default
↔️ Responsive by default
💤 Fast with lazy loading
🎛️ UI inputs for all the settings
▶️ Customizable play icon and loading icon
👻 “Privacy Enhanced” Mode enabled by default
January 10, 2025 at 7:00 AM
YouTube component is here!
↔️ Responsive by default
💤 Fast with lazy loading
🎛️ UI inputs for all the settings
▶️ Customizable play icon and loading icon
👻 “Privacy Enhanced” Mode enabled by default
↔️ Responsive by default
💤 Fast with lazy loading
🎛️ UI inputs for all the settings
▶️ Customizable play icon and loading icon
👻 “Privacy Enhanced” Mode enabled by default
Reposted by Oleg
New feature: code folding!
˅ Useful for:
˃ ↔️ API responses (JSON)
˃ 🛠️ Custom code like JavaScript
˅ Useful for:
˃ ↔️ API responses (JSON)
˃ 🛠️ Custom code like JavaScript
January 14, 2025 at 8:52 AM
New feature: code folding!
˅ Useful for:
˃ ↔️ API responses (JSON)
˃ 🛠️ Custom code like JavaScript
˅ Useful for:
˃ ↔️ API responses (JSON)
˃ 🛠️ Custom code like JavaScript
Reposted by Oleg
New in the Marketplace: RSS Feed
🎛️ Fully customizable
📲 Let users subscribe to your content
🎛️ Fully customizable
📲 Let users subscribe to your content
January 15, 2025 at 7:00 AM
New in the Marketplace: RSS Feed
🎛️ Fully customizable
📲 Let users subscribe to your content
🎛️ Fully customizable
📲 Let users subscribe to your content
Reposted by Oleg
We made a platform-wide change that reduced INP, a Core Web Vital.
Our site went from 409 ms to 137 ms on mobile.👇
Our site went from 409 ms to 137 ms on mobile.👇
January 16, 2025 at 9:36 AM
We made a platform-wide change that reduced INP, a Core Web Vital.
Our site went from 409 ms to 137 ms on mobile.👇
Our site went from 409 ms to 137 ms on mobile.👇
Reposted by Oleg
Two new templates have landed in the marketplace:
1. Developer portfolio (design credit: elias_dev on Figma)
2. SaaS landing (design credit: thesamirho on Figma)
Now there are 𝟭𝟬 𝗲𝘅𝗽𝗲𝗿𝘁𝗹𝘆 𝗯𝘂𝗶𝗹𝘁 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 using 𝗖𝗿𝗮𝗳𝘁 in the marketplace.
1. Developer portfolio (design credit: elias_dev on Figma)
2. SaaS landing (design credit: thesamirho on Figma)
Now there are 𝟭𝟬 𝗲𝘅𝗽𝗲𝗿𝘁𝗹𝘆 𝗯𝘂𝗶𝗹𝘁 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 using 𝗖𝗿𝗮𝗳𝘁 in the marketplace.
January 7, 2025 at 8:57 AM
Two new templates have landed in the marketplace:
1. Developer portfolio (design credit: elias_dev on Figma)
2. SaaS landing (design credit: thesamirho on Figma)
Now there are 𝟭𝟬 𝗲𝘅𝗽𝗲𝗿𝘁𝗹𝘆 𝗯𝘂𝗶𝗹𝘁 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 using 𝗖𝗿𝗮𝗳𝘁 in the marketplace.
1. Developer portfolio (design credit: elias_dev on Figma)
2. SaaS landing (design credit: thesamirho on Figma)
Now there are 𝟭𝟬 𝗲𝘅𝗽𝗲𝗿𝘁𝗹𝘆 𝗯𝘂𝗶𝗹𝘁 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲𝘀 using 𝗖𝗿𝗮𝗳𝘁 in the marketplace.
Reposted by Oleg
Happy Holidays from all of us at Webstudio!
A lot has happened over the past three months, so we’ve put together a summary of the biggest changes:
A lot has happened over the past three months, so we’ve put together a summary of the biggest changes:
December Update | Webstudio Documentation
A lot has happened in the last 3 months, let me give you some highlights!
docs.webstudio.is
December 30, 2024 at 9:01 AM
Happy Holidays from all of us at Webstudio!
A lot has happened over the past three months, so we’ve put together a summary of the biggest changes:
A lot has happened over the past three months, so we’ve put together a summary of the biggest changes:
Reposted by Oleg
Today, we are not launching a feature; we are unveiling a new look and feel!
We have redesigned 200 icons and updated the colors of all controls!
Our goal was to reduce visual noise and enhance the crispness and clarity of the icons.
We have redesigned 200 icons and updated the colors of all controls!
Our goal was to reduce visual noise and enhance the crispness and clarity of the icons.
December 26, 2024 at 4:56 PM
Today, we are not launching a feature; we are unveiling a new look and feel!
We have redesigned 200 icons and updated the colors of all controls!
Our goal was to reduce visual noise and enhance the crispness and clarity of the icons.
We have redesigned 200 icons and updated the colors of all controls!
Our goal was to reduce visual noise and enhance the crispness and clarity of the icons.