Webstudio
@webstudio.is
A happy place to design and build for the web.
☆ Open Source https://git.new/website
☆ All CSS properties
☆ Dynamic at the speed of static
☆ Open Source https://git.new/website
☆ All CSS properties
☆ Dynamic at the speed of static
Pinned
🔧 QoL improvement: Copy-pasting from Inception or Tailwind templates? We now skip breakpoints you're not using. Cleaner projects, less clutter.
January 27, 2026 at 5:24 PM
🔧 QoL improvement: Copy-pasting from Inception or Tailwind templates? We now skip breakpoints you're not using. Cleaner projects, less clutter.
🔄 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.
January 22, 2026 at 10:32 AM
🔄 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.
🔄 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.
January 20, 2026 at 3:12 PM
🔄 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.
🎨 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.
January 19, 2026 at 11:21 PM
🎨 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.
Its not for password protection of individual sites, its for protection of the staging domains against phishing sites. They can't publish now and spread phishing sites without having to tell each visitor the password, which defeats the purpose of phishing sites.
January 9, 2026 at 7:00 PM
Its not for password protection of individual sites, its for protection of the staging domains against phishing sites. They can't publish now and spread phishing sites without having to tell each visitor the password, which defeats the purpose of phishing sites.
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/
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/
Good Goods - The directory for quality goods
Good Goods is the directory to find good quality products, built to last.
goodgoods.ooo
January 7, 2026 at 9:47 AM
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/
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/
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.
You can now define custom conditions like orientation, prefers-color-scheme, prefers-reduced-motion, mouse and pointer detection, and more — all directly in breakpoints.
January 4, 2026 at 8:51 PM
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.
You can now define custom conditions like orientation, prefers-color-scheme, prefers-reduced-motion, mouse and pointer detection, and more — all directly in breakpoints.
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.
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
youtu.be
December 30, 2025 at 2:47 PM
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.
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
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
December 24, 2025 at 6:04 PM
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
✅ More file types supported (PDF, ZIP, short videos & more)
✅ New filters & sorting in the asset panel
✅ Share files via a simple download link
You can now see how many instances, variables, tokens, and pages are in your project.
December 22, 2025 at 10:31 AM
You can now see how many instances, variables, tokens, and pages are in your project.
Update: you can now search all instances directly from the command panel.
December 19, 2025 at 12:32 PM
Update: you can now search all instances directly from the command panel.
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.
This protects against phishing attacks from the Webstudio staging domain.
👉 Find the login details in the Publish dialog.
December 18, 2025 at 7:45 PM
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.
This protects against phishing attacks from the Webstudio staging domain.
👉 Find the login details in the Publish dialog.
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.
Working with multiple libraries, pasting tokens from different projects, resolving conflicts, and finding duplicates — all of it just became easy.
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
youtu.be
December 18, 2025 at 4:45 PM
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.
Working with multiple libraries, pasting tokens from different projects, resolving conflicts, and finding duplicates — all of it just became easy.
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.
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.
December 17, 2025 at 7:00 AM
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.
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.
🛠️ Project settings are now fully accessible from the dashboard — including restore from backup, even if your project won’t open!
December 16, 2025 at 2:04 PM
🛠️ Project settings are now fully accessible from the dashboard — including restore from backup, even if your project won’t open!
Right-click lovers, rejoice 🎉
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
December 15, 2025 at 4:39 PM
Right-click lovers, rejoice 🎉
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
We’ve added context menus everywhere — Navigator, Pages, and even the Canvas.
Navigator and Assets sidebar feeling too tight?
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
December 12, 2025 at 3:37 PM
Navigator and Assets sidebar feeling too tight?
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
We've just rolled out a fix - enjoy the extra space! 🚀
Oh, and btw… Cyber Week ends today webstudio.is/cyber-week
We’ve added 3 new options to the animation engine: Duration, Delay, and Iterations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
December 10, 2025 at 12:23 PM
We’ve added 3 new options to the animation engine: Duration, Delay, and Iterations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
With these, you can now create infinite animations like marquee and build time-based sequential animations.
You can now find all shortcuts by hitting "shift+?" in the Builder
December 9, 2025 at 11:48 PM
You can now find all shortcuts by hitting "shift+?" in the Builder
Tokens and variables management has now become easy with the updated Search & Commands panel 🚀
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
Managing CSS variables, data variables and tokens
Using the Search & Commands panel, you can: * find any variable or token * see where they are defined or used * delete all unused variables or tokens * rename or delete individual variables or tokens * search for CSS variables, including inside HTML embeds * rename CSS variables, with changes automatically applied inside HTML embeds Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
December 9, 2025 at 12:20 AM
Tokens and variables management has now become easy with the updated Search & Commands panel 🚀
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
• Find any variable or token
• See where it’s used, delete all unused
• Rename or delete with one command
• Search + rename CSS variables across style panel and HTML embeds
Dashboard improvements just landed in Webstudio:
• Sorting controls
• New list view
• Date created, modified, and published
• Custom domains shown on cards and in the list
• Clear “Not published” status for unpublished sites
Also final days of Cyber Week sales: webstudio.is/cyber-week
• Sorting controls
• New list view
• Date created, modified, and published
• Custom domains shown on cards and in the list
• Clear “Not published” status for unpublished sites
Also final days of Cyber Week sales: webstudio.is/cyber-week
December 5, 2025 at 10:53 PM
Dashboard improvements just landed in Webstudio:
• Sorting controls
• New list view
• Date created, modified, and published
• Custom domains shown on cards and in the list
• Clear “Not published” status for unpublished sites
Also final days of Cyber Week sales: webstudio.is/cyber-week
• Sorting controls
• New list view
• Date created, modified, and published
• Custom domains shown on cards and in the list
• Clear “Not published” status for unpublished sites
Also final days of Cyber Week sales: webstudio.is/cyber-week
youtu.be/2f0gXI_r5zs
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
A UI to leverage the power of CSS gradients
CSS gradients are quite powerful and with the UI you can create them without leaving Webstudio Builder. - Linear gradients - Radial gradients - Conic gradients - Blend mode - Clip to border and text - Use CSS variables inside of gradients Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
youtu.be
November 27, 2025 at 9:38 PM
youtu.be/2f0gXI_r5zs
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
New in Webstudio: Full Gradient Controls!
CSS gradients are incredibly powerful — and now you can craft them visually, directly inside Webstudio Builder.
• Linear gradients
• Radial gradients
• Conic gradients
• Blend modes
• Clip to border & text
• CSS variables inside gradi
How many landing pages did you not launch this year because of design bottlenecks?
Use this Black Friday to remove that bottleneck for 2026.
webstudio.is/black-friday
Use this Black Friday to remove that bottleneck for 2026.
webstudio.is/black-friday
November 27, 2025 at 12:17 PM
How many landing pages did you not launch this year because of design bottlenecks?
Use this Black Friday to remove that bottleneck for 2026.
webstudio.is/black-friday
Use this Black Friday to remove that bottleneck for 2026.
webstudio.is/black-friday
Your next website doesn’t need weeks.
Black Friday at Webstudio is live – use Inception to go from idea to layout in minutes.
webstudio.is/black-friday
Black Friday at Webstudio is live – use Inception to go from idea to layout in minutes.
webstudio.is/black-friday
November 26, 2025 at 11:24 PM
Your next website doesn’t need weeks.
Black Friday at Webstudio is live – use Inception to go from idea to layout in minutes.
webstudio.is/black-friday
Black Friday at Webstudio is live – use Inception to go from idea to layout in minutes.
webstudio.is/black-friday
Webstudio Black Friday deal is live 🔴
- Fixed Webstudio Pro pricing for 1-3 years.
- Extra Inception credits for more billable pages with the same team.
- Unlimited sites. Predictable cost. More margin.
👉 webstudio.is/black-friday
- Fixed Webstudio Pro pricing for 1-3 years.
- Extra Inception credits for more billable pages with the same team.
- Unlimited sites. Predictable cost. More margin.
👉 webstudio.is/black-friday
November 25, 2025 at 9:47 PM
Webstudio Black Friday deal is live 🔴
- Fixed Webstudio Pro pricing for 1-3 years.
- Extra Inception credits for more billable pages with the same team.
- Unlimited sites. Predictable cost. More margin.
👉 webstudio.is/black-friday
- Fixed Webstudio Pro pricing for 1-3 years.
- Extra Inception credits for more billable pages with the same team.
- Unlimited sites. Predictable cost. More margin.
👉 webstudio.is/black-friday