Webstudio

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

Drevo's Directus Starter Kit for Webstudio is here! Build dynamic, high-performance @getwebstudio websites with pre-configured Directus CMS logic, URL filtering, and more! Here's everything you get: (👇)

Just released: Token lock. Now you can lock important tokens in your design system and stop worrying about accidental changes that break the entire site.

@tweetdarkpanda It doesn't send it or copy it. It reassigns project to a different user or workspace.

@getwebstudio That’s cool - post transfer, does it retain a copy or send the original and removes it from my workspace?

Handing off a project to a client or moving work to a new workspace just got a lot simpler. Click Transfer, select a user or workspace - done. The project transfers along with its domain setup.

Ever updated a logo or hero image only to realize it's used on 15 different pages? Now you can replace any image across your entire project in one click.

We just made collaboration in Webstudio easier and more secure. Introducing Workspaces: - Create a workspace for your team or agency - Invite teammates directly - no more sharing links - Control who can access which projects

🎨 The color picker just leveled up. Webstudio now supports all modern CSS color spaces - HSL, HWB, OKLab, OKLCH and more. Plus: colors with CSS variable (e.g. rgb(r g b / var(--opacity))) are now fully parsed and preserved.

@Mr_J_Particular Auto columns show up when you add content to the canvas that goes beyond your manually defined columns. You don't need to create them

@getwebstudio Why do the 'auto' columns not have a plus button? Its also tedious repeatedly clicking 1fr and setting to auto repeatedly. Am i missing something?

CSS Grid is here in Webstudio. Pick a preset layout, add rows and columns, define areas, and control every grid child - all visually.

Clone any site in Inception - sneak peek, still a work in progress.

Now you can auto-generate design tokens in Webstudio. Paste any HTML with a <style> tag and your CSS classes are instantly converted into Webstudio Design Tokens.

I just built my first @getwebstudio template. basic but fully compatible with onx library sections Template #2 already in progress.

We upgraded Inception to Claude Sonnet 4.6 and added a fast verification model that checks and fixes the output before it reaches you. This should significantly reduce the blank or white frames some of you have been seeing. Give it a try and let us know if you run into any issues! 🚀 webstudio.is/inception

Redirects in Webstudio just got a major upgrade 🔀 • Import from any platform (CSV, JSON, htaccess, Netlify) • Loop detection so you can't break your site • Wildcard patterns: /old/* → /new/* • Non-latin characters support Migrate sites without losing traffic ✨

🛡️ Introducing Safe Mode in Webstudio Accidentally introduced an infinite loop that froze your project? Safe Mode is your escape hatch. Open any project with scripts disabled, fix the issue, and get back to work. Dashboard → Project menu → "Open in safe mode"

@Croggy1899 Hi, unfortunately we were forced to protected .wstd.io domain with the password because of bad players creating phishing sites.

@getwebstudio I can’t help but notice that every time I try to view my published site I’m required to log in. Is this a permanent required change or can I disable that on the free plan?

🔧 QoL improvement: Copy-pasting from Inception or Tailwind templates? We now skip breakpoints you're not using. Cleaner projects, less clutter.

Drevo Library Pro v4 for @getwebstudio is now live! 🥳 Check out all the new features: New Plugin: Global Search (Beta) - Add a sitemap-powered global search to your website with Command+K support. 4 New Animations - Draggable Cards, Split Text Reveal, Hover Sneak Peek, and Fill Text on Scroll Filters Plugin (New Version) - You can now filter different Collections with a single filter instance. - You can search multiple distinct elements within an item by separating identifiers with a space (e.g., searching both "title" and "description"). - You can now highlight the current matching letters of the search tag being typed in the search input. - You can now enable fuzzy search (e.g., "blue shoes" will find "Blue Suede Shoes") - You can now filter using the radio input element CMS Tabs Component (New Version) - You can now add a progress bar in the CMS Tabs in multiple different ways (check out the Demo page) Markdown Enhancer Plugin (New Version) - Overall Improvements --- If you're a DL Pro user, get the new cloneable link in the Members Area!