You can now generate CSS animations and scripts with AI — then simply paste them into the Webstudio Builder. Create reveal effects, clickable galleries, and much more. 🎨✨ wstd.us/inception

Got dozens of projects in Webstudio? Now you can organize them all effortlessly using tags! #webstudio #productivity #workflow #important

2025 is the year we finally render the current date correctly. Apparently, it’s been an unsolved problem since 1988, when ISO 8601 was first published. 🔁 Auto-updating 🗄️ Server-rendered — no flash of wrong/empty dates 🕒 Semantic HTML using <time> youtu.be/EznQsyS5M5A

Have you ever struggled to create a filter form for directories without a submit button — where every checkbox or input instantly updates the results? We’ve updated the @baserow example in the marketplace to include a form with auto-submission.

A workflow for going from 0 → production with Webstudio Inception & Builder: 🎨 Generate your design in Inception 🧩 Generate the design system 🏗️ Transfer to Builder and go live youtu.be/rwJG5yGb0WA wstd.us/inception

This Finnish website is literally on fire. It’s green, fast, and multilingual — and somehow it didn’t burn the budget. 🔥 Built with Webstudio, powered by a Baserow backend. 👉 finskved.fi/en

We just dropped a new Style Dialog in Webstudio Inception. Explore compositions, layouts, colors, and even emotions. These aren’t templates — they’re AI instructions. Composable. Generative. Never the same twice. wstd.us/inception

Real world examples of string and array operators in @webstudio.is youtu.be/E-t8fdah1JM

New in the Expression Editor docs.webstudio.is/university/f...: You can now use safe JavaScript Array and String methods! Search, manipulate, and compare data from your variables or APIs — all directly inside your expressions.

Enhancing variability of designs using probabilistic sampling. Based on the new research paper, we attempted to improve variability, did we succeed? All details are in the description: www.youtube.com/watch?v=MTg5...

Unfortunately, bullying AI into making a better design actually works 😅 Happy bullying wstd.us/inception 😈

From idea to web design in minutes. We built 32 unique versions for 3 businesses - in just 15 minutes. Here's the time-lapse 👇 wstd.us/inception youtu.be/S_yQCUnOtCo

A walkthrough of the Webstudio Inception interface - the second video in the series is live! 🎥 Watch on YouTube www.youtube.com/watch?v=9mGj... If you liked this one, let me know what other videos you’d like to see next. If you didn’t — we’d love to learn from your feedback 🙏

The first video in the series is live: "Editing Generated Designs in Inception" In this video, we’re going to build a website for a rocket company that delivers payloads to orbit 🤣 🎥 Watch on YouTube www.youtube.com/watch?v=iMph... If you liked this one, let me know what other videos you’d like t

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...

POV: when you have a small army of AI models that generate designs simultaneously. Right now in Inception: wstd.us/inception

Fetching data in Webstudio just got 3× better, thanks to all the feedback from the community. 🙏 1. You can create bindings for each search parameter This means you can pass data from other variables as search parameters — including JSON values. 2. You can define Cache Max Age This means your

Multi-frame canvas in Inception has some key differences compared to Figma: 1. It is made for fast experimentation. You can quickly generate many versions, delete them, and add new ones. 2. High parallelization. Everything can be generated in parallel while you wait for the first generation to fin

A discussion on the future roadmap of Webstudio is happening on Reddit. Please add your comments or simply upvote things you want to see happen! www.reddit.com/r/webstudio/...

Someone on discord ❤️

Announcing “Where is this image used?” 🙃 Ever wanted to delete or update an image but had to visit every page to find where it’s used? Now you can see a complete list of everywhere each asset appears.

Announcing image descriptions! If you: 1. Add an asset 2. Describe what’s in the image then every image that uses the asset will automatically include an alt attribute, so people using screen readers get the context. A huge win for accessibility!

Announcing "asset renaming"! It’s like MacOS Finder - just for renaming images. Don’t like a name? Change the name!

Announcing "Black Dot" ⚫ It’s like a black hole - but for cleaning up unused assets. See a dot on an image? That image is unused. 1. Click it 2. Delete the image 3. Enjoy

Great news! You can now self-host sites featuring scroll-driven animations powered by the Webstudio Animation Engine. webstudio.is/scroll-drive...

Huge thanks to the Webflow and Webstudio communities for all the love on Reddit lately - we really appreciate each mention! 🌟 Seeing Webstudio named as the #1 alternative to Webflow is incredible, and we’re honored. Let’s keep supporting one another and our favorite tools ❤️

Introducing a yearly Pro plan: webstudio.is/pricing - Save 25% - Unlimited sites with custom domains - 100,000 page views 🤗

Ever feel nervous your changes didn’t actually auto-save? Now there’s a “manual save” addition. Go to the menu or hit Cmd/Ctrl + S, and it will notify you when it’s saved.

“Lets add hair to the guy” - the new age in web design? #inception

Paste SVG directly from Figma into Webstudio

Announcing native SVG support in Webstudio: now every SVG element can be edited visually. 🚀

Inception is going into private Beta webstudio.is/inception 🚀 We are going to give a few people access in the next couple of days, stay tuned

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.

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-...

Inception: a creative, code-first, AI-native design tool webstudio.is/blog/incepti...

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.

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-...

Today is the last day to vote creator-tools-voting-2025.contra.com/share/webstu... Webstudio has been nominated for the 2025 Creator Tools Awards by Contra! By voting, you’ll also have a chance to win an Apple Studio Display or a Contra Pro membership.

Working on the new login for Webstudio. So relieving to have single-click login without big corp account 😮‍💨

Introducing “Element” - this smart new component improves the UX while giving you the ability to use any HTML tag and attribute. - Tag auto-detection - Tag-aware attributes and states - Paste any HTML from anywhere - Quick access via commands webstudio.is/blog/the-new...

Today we deployed a bunch of performance improvements 🏎️🏎️🏎️ The builder should feel about 70% snappier now when you select instances or change styles. Please let us know if you can feel the difference! 🙏

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...

We're incredibly proud to receive such a huge shout-out from the #GoogleIO stage for our work on scroll-driven animations! @una.im ❤️🙏 youtube.com/watch?v=XASR...

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:

Looks like @tailwindcss.com code can be pasted to @webstudio.is (works on my machine 😅).

Many people think that building a great AI tool capable of creating for the web is just about wrapping OpenAI or Anthropic APIs. Honestly, we thought so too. But the reality couldn't be further from the truth. You need so much more than that. The number of things it has to reason about and build is

Overflow "clip" is here. When you use overflow: hidden, you can still scroll the container using JavaScript or scroll-timeline animation. With overflow: clip you prevent that!

How to create gradient text in @webstudio.is (it's just css really) background-clip: text; background-image: linear-gradient(to left,red,blue); color: transparent;

@webstudio.is is built with accessibility in mind. Many html tags are available and soon whole html will be supported.

I asked LLM to generate me a simple hero section for a website builder and use only inline styles. Then pasted the result into @webstudio.is. Is this a vibe coding?