Sign in

Webstudio

@webstudio.is
358 followers 0 following 244 posts

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

PostsRepliesMedia
Webstudio @webstudio.is · 9h
You can now customize HTTP headers directly in Webstudio’s Project settings - control how browsers cache, protect, and embed your website.
101
Webstudio @webstudio.is · 16/09/2026
Content Mode can now scale to hundreds of pages. The new Webstudio Content Engine combines Notion-style editing, portable MDX files, full design control, and AI through MCP. No database needed on the published site.
100
Webstudio @webstudio.is · 31/08/2026
Webstudio now supports light and dark mode. Choose System, Light, or Dark from View → Theme. System follows your device settings.
040
Webstudio @webstudio.is · 21/08/2026
If AI can build the website, do we still need visual development tools? webstudio.is/blog/why-use...
000
Webstudio @webstudio.is · 13/08/2026
The new MCP architecture pays off
010
Webstudio @webstudio.is · 12/08/2026
Webstudio now has a Content Engine. Query and render hundreds of Markdown pages without an external CMS or database. It’s portable, simple to host, extremely fast and already powers our blog. webstudio.is/blog/webstud...
010
Webstudio @webstudio.is · 07/08/2026
We completely reengineered Webstudio’s core runtime for MCP. That’s why Webstudio MCP is pretty good. Open Codex or Claude Desktop and say, “Use Webstudio CLI.” webstudio.is/blog/webstud...
010
Webstudio @webstudio.is · 24/07/2026
Here is what happens if you drop an entire folder into Webstudio
000
Webstudio @webstudio.is · 24/07/2026
Webstudio MCP / CLI update: The agent can now edit your site, reload its existing preview, and use vision to verify each change in a few seconds, without rebuilding or restarting the browser every time.
000
Webstudio @webstudio.is · 22/07/2026
People are starting to use Webstudio MCP for real projects, which is fun to see! One user built three versions of a funnel thank-you page, with the video and headline pulled from Baserow. They switch the whole page with a single select field in Baserow.
000
Webstudio @webstudio.is · 17/07/2026
Asset management in Webstudio just got a major upgrade: nested folders, multiselect, drag and drop, keyboard shortcuts, context menus, breadcrumbs, and full MCP support—making even large asset libraries fast and easy to organize.
011
Webstudio @webstudio.is · 16/07/2026
New in Webstudio: You can now mark pages as drafts. Draft pages remain editable in the Builder but won’t be published until you’re ready.
001
Webstudio @webstudio.is · 15/07/2026
JSON-LD structured data now has a dedicated Webstudio component with built-in validation and Head Slot support. The new CLI and MCP can also generate JSON-LD for you automatically.
001
Webstudio @webstudio.is · 10/07/2026
Webstudio local MCP alpha is live. It gives access to ALL features of the Builder, everything can be automated with AI. Join our Discord for more info: wstd.us/community or just ask your Codex/Claude desktop to try Webstudio CLI.
011
Webstudio @webstudio.is · 24/06/2026
Multi-select in Webstudio Navigator is here. Select multiple instances, then copy, paste, cut, duplicate, or delete them together. Works from Navigator and canvas selection, with keyboard support for Shift + arrows and Cmd/Ctrl + A for sibling selection.
021
Webstudio @webstudio.is · 23/06/2026
Update: Webstudio CLI now has a new command: import. It lets you import a synced project from any Webstudio server into another, making project data transferable between servers. docs.webstudio.is/university/s...
021
Webstudio @webstudio.is · 16/06/2026
You can now move instances using keyboard: sorting, moving up etc. Everything works with cmd/ctrl + arrow
011
Webstudio @webstudio.is · 16/06/2026
Linked Slots now stay in sync when renamed. Rename one Slot instance, and every linked occurrence gets the same label automatically. No more mismatched Slot names across pages or repeated layout instances.
011
Webstudio @webstudio.is · 10/06/2026
New in Webstudio: Time zones can now be selected when rendering time. Choose UTC for stable output, use each visitor’s detected timezone, or select a specific timezone like Europe/Berlin.
011
Webstudio @webstudio.is · 09/06/2026
New in Webstudio: You can now copy-paste pages, folders and page templates, within a project AND between the projects.
011
Webstudio @webstudio.is · 05/06/2026
New in Webstudio: Hide UI Hide all builder controls and see your site in full view. Especially useful together with native browser DevTools for device simulation and responsive testing.
010
Webstudio @webstudio.is · 04/06/2026
Announcing page templates: editors and marketers can now quickly create new pages from pre-made templates that include all approved elements, without breaking the design.
000
Webstudio @webstudio.is · 02/06/2026
🤖 robots.txt, llms.txt, and any other text-based content can now be created directly in Webstudio, or fetched from your CMS.
000
Webstudio @webstudio.is · 01/06/2026
Basic authentication is here. Add it to individual pages from page settings or to many pages from project settings.
000
Webstudio @webstudio.is · 28/05/2026
Introducing Inception V2 Generate and edit designs, edit images, backed by code. Choose any model. wstd.us/inception-yt
wstd.us
Inception V2
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.
020
Webstudio @webstudio.is · 23/04/2026
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.
021
Webstudio @webstudio.is · 22/04/2026
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.
010
Webstudio @webstudio.is · 22/04/2026
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.
010
Webstudio @webstudio.is · 20/04/2026
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
000
Webstudio @webstudio.is · 27/03/2026
🎨 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.
021
Webstudio @webstudio.is · 24/03/2026
CSS Grid is here in Webstudio. Pick a preset layout, add rows and columns, define areas, and control every grid child - all visually.
001
Webstudio @webstudio.is · 23/03/2026
Clone any site in Inception - sneak peek, still a work in progress.
010
Webstudio @webstudio.is · 23/03/2026
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.
011
Webstudio @webstudio.is · 03/03/2026
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
Webstudio Inception – creative AI that gets you started
Turn your idea into creative, production-ready code in minutes using AI.
000
Webstudio @webstudio.is · 19/02/2026
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 ✨
001
Webstudio @webstudio.is · 11/02/2026
🛡️ 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"
020
Webstudio @webstudio.is · 27/01/2026
🔧 QoL improvement: Copy-pasting from Inception or Tailwind templates? We now skip breakpoints you're not using. Cleaner projects, less clutter.
020
Webstudio @webstudio.is · 22/01/2026
🔄 New in Webstudio: You can now unpublish your site directly from the publish dialog. Unpublish removes your site from the web and allows you to rename your domain. Works for both your Webstudio domain and custom domains.
241
Webstudio @webstudio.is · 20/01/2026
🔄 New in Webstudio: Collection component now accepts objects in addition to arrays. Iterate directly over API responses like {key: value} without converting them first. A new "key" variable gives you access to array indexes or object keys while iterating.
031
Webstudio @webstudio.is · 19/01/2026
🎨 New in Webstudio: Style pseudo elements like ::before and ::after directly in the Style panel. Add decorative content, custom markers, and more without writing CSS.
151
Webstudio @webstudio.is · 07/01/2026
Nice example of a well-architected site 👇 Good Goods is built with Webstudio on the frontend, Sanity as the CMS, and Cloudflare Workers handling Portable Text at the edge. Lighthouse performance is very strong. 👉 goodgoods.ooo/
goodgoods.ooo
Good Goods - The directory for quality goods
Good Goods is the directory to find good quality products, built to last.
000
Webstudio @webstudio.is · 04/01/2026
Breakpoints just got a lot more powerful 🚀 You can now define custom conditions like orientation, prefers-color-scheme, prefers-reduced-motion, mouse and pointer detection, and more — all directly in breakpoints.
010
Webstudio @webstudio.is · 30/12/2025
Learn how to access asset URLs and other metadata via the asset resource, bind the data to properties and attributes, and make it available to JavaScript.
youtu.be
Using asset URL directly in properties and in JavaScript
Learn how to access asset URLs and other metadata via the asset resource, bind the data to properties and attributes, and make it available to JavaScript. Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
010
Webstudio @webstudio.is · 24/12/2025
Big update for assets 📂✨ ✅ More file types supported (PDF, ZIP, short videos & more) ✅ New filters & sorting in the asset panel ✅ Share files via a simple download link
022
Webstudio @webstudio.is · 22/12/2025
You can now see how many instances, variables, tokens, and pages are in your project.
000
Webstudio @webstudio.is · 19/12/2025
Update: you can now search all instances directly from the command panel.
000
Webstudio @webstudio.is · 18/12/2025
To improve security, we’ve added password protection to staging sites. This protects against phishing attacks from the Webstudio staging domain. 👉 Find the login details in the Publish dialog.
130
Webstudio @webstudio.is · 18/12/2025
Announcing new design token merge and management tools. Working with multiple libraries, pasting tokens from different projects, resolving conflicts, and finding duplicates — all of it just became easy.
youtu.be
Tokens management and conflict resolution
Working with multiple libraries, pasting tokens from different projects, resolving conflicts, and finding duplicates - all of it just became easy. Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
010
Webstudio @webstudio.is · 17/12/2025
Converting and wrapping instances just got much faster ⚡ Meet 3 new commands: Wrap, Unwrap, Convert. Access them directly from the context menu or the commands panel and work faster with elements — no retyping properties, attributes, or bindings. Ever.
020
Webstudio @webstudio.is · 16/12/2025
🛠️ Project settings are now fully accessible from the dashboard — including restore from backup, even if your project won’t open!
000