LogoLogo
Webstudio Home
  • Basics
    • 👋Welcome
    • 🔥Intro
    • 🎓Building your first site
    • 🤓Courses
    • 🔗Roadmap & Links
    • ❓FAQs
  • NEWS
    • 🆕April Update
    • 🆕December Update
    • 🆕September Update
    • 🆕Webstudio CMS Beta and Experts Network
  • university
    • ⚛️Foundations
      • 🛠️Anatomy of the Webstudio Builder
      • 🧱CSS Variables
      • 🖌️Design Tokens
      • 🔡Data Variables
      • ➕Expression Editor
      • Animations
      • 💾CMS
      • ↔️Copy-Paste
        • ↔️CSS
        • ↔️Markdown
        • ↔️Webflow
      • Commands & Search
      • 🎯SEO Settings
      • Shortcuts
      • ⚙️Project Settings
      • Modes
      • Share Links & Transferring Projects
      • 🌐Publishing & Custom Domains
    • 🧩Core Components
      • 📦Box
      • 🔗Link
      • 🖼️Image
      • 📃List
      • ⌨️HTML Embed
      • Animation Group
      • Text Animation
      • Video Animation
      • Stagger Animation
      • ✍️Webhook Form
      • ✍️Form
      • ⏯️Vimeo
      • ▶️Vimeo Background Video
      • YouTube
      • 💬Blockquote
      • 🔲Slot
      • Head Slot
      • ➖Separator
      • 📄Code Text
      • 🔘Button
      • 💾Collection
      • 🪜Content Embed
      • 🪜Markdown Embed
      • Content Block
      • 📘XML Node
    • ▫️Radix UI Components
      • Accordion
      • Collapsible
      • Dialog
      • Navigation Menu
      • Popover
      • Radio Group
      • Select
      • Sheet
      • Switch
      • Tabs
      • Tooltip
    • Marketplace
    • 🤖Webstudio AI
    • 📤Self-Hosting
      • ▶️CLI
      • ▶️Download
      • ▶️Cloudflare Pages
      • ▶️GitHub Pages
      • ▶️Netlify
      • ▶️Vercel
      • ▶️AWS with Flightcontrol (Docker)
      • ▶️Digital Ocean with Coolify (Docker)
      • ▶️Hetzner with Coolify (Docker)
    • 🧑‍🏫How-Tos
      • ▶️How to add icons
      • ▶️How to create fluid video backgrounds with Vimeo
      • ▶️How to create a countdown
      • ▶️How to crop an image with out cropping the original image
      • 🍀How to add a GSAP animation
      • ▶️Build Your Own Directory Website with Airtable
      • ▶️Using filters to dynamically display content (Airtable example)
    • 🔗Integrations
      • How to build a frontend for Hygraph using Webstudio
      • How to build a frontend for Airtable using Webstudio
      • How to build a WordPress frontend using Webstudio (no-code builder)
      • How to integrate a Notion database with Webstudio
      • How to integrate Webhook Form with Pabbly
      • How to integrate Webhook Form with Zappier
      • How to integrate Webhook Form with N8N
      • How to integrate a Webhook Form with Airtable
      • How to integrate Flotiq with Webstudio
    • Craft
  • Contributing
    • 🧑‍🎨Contributing for Designers
    • 🧑‍💻Contributing for Developers
    • Contributing to the Marketplace
  • ⚠️Errors
    • ▶️Connecting your Hostinger Domain to Webstudio
    • 🔌Worker not found
    • 🌮AppSumo redemption failed
  • Misc
    • 📊Account Limits
    • 🆘Webstudio Support Process
    • Fixing overflow issues
Powered by GitBook
On this page
  • 1. Paste from Webflow
  • 2. Static Site Export
  • 3. Components search & new keyboard shortcuts
  • 4. Image transformations for 3rd party URLs
  • 5. Markdown Embed Component
  • 6. Headless CMS finder
  • 7. CSS Transforms
  • 45 other features
  • 140+ fixes and improvements

Was this helpful?

Edit on GitHub
  1. NEWS

September Update

A lot has happened in the last 3 months, let me give you some highlights!

PreviousDecember UpdateNextWebstudio CMS Beta and Experts Network

Last updated 4 months ago

Was this helpful?

1. Paste from Webflow

We added the ability to copy elements in Webflow and paste them in Webstudio. Copying and pasting is a huge efficiency booster for any tool, especially in the coding world. We are trying to incorporate as much copy-pasting functionality into the builder as possible to speed up your workflows. Previously, you were able to copy and paste , copy and paste Webstudio instances between pages and projects, and now we've added the ability to into Webstudio (there are some ). See the .

2. Static Site Export

Webstudio is more than a static site builder, its for dynamic, data-driven sites and apps, but you can still build great static sites with it and we made it possible to export a static site.

  • One-click download

  • Human-readable classes – Host anywhere (Vercel, Netlify, Cloudflare Pages, GitHub Pages, etc.)

  • Downloads Dynamic Resource data for you

  • Free to use

3. Components search & new keyboard shortcuts

4. Image transformations for 3rd party URLs

5. Markdown Embed Component

6. Headless CMS finder

7. CSS Transforms

These enable you to rotate, skew, translate, and apply other effects to your designs – all without writing code.

45 other features

  1. Show/hide toggle in the navigator.

  2. Support for text-wrap.

  3. Support for -webkit-line-clamp.

  4. Highlight navigator item when a canvas instance is hovered.

  5. Display properties already applied to the node at the top of the transition property list.

  6. Add a download attribute to the link component.

  7. Support multiple timestamp formats in the Time Component.

  8. Add a keyboard shortcuts link to the menu.

  9. Highlight markdown in the code editor.

  10. Tolerate comma instead of dot typos in style value inputs.

  11. Added a navigator panel keyboard shortcut and refined navigator docking behavior.

  12. Add offset-position and offset-anchor properties under the advanced section.

  13. Compare server and client versions, prompting a reload if necessary.

  14. Custom font family support.

  15. Use classes for preset styles when generating CSS for published sites.

  16. Remove data-ws-* attributes from the build.

  17. Submit webhook forms without n8n.

  18. Retain the original case of custom attributes.

  19. Move the bug report option to the help menu.

  20. Display the show/hide state of navigator items.

  21. Add the ability to place images on the canvas immediately upon upload.

  22. Upload images via copy-paste.

  23. Switch to overflow longhand properties.

  24. Add an ‘optimize’ property to the Image component.

  25. Merge longhand CSS into shorthand properties.

  26. Add a native select control.

  27. Expand background-position shorthand support.

  28. Show custom layer names in the style panel for better readability.

  29. Redesigned toasts.

  30. Enable URL drop functionality in the Image Manager.

  31. Builder loading improvements.

  32. Save the navigation path in the history when using a link.

  33. Restore system parameters from the first entry in the history.

  34. Match unambiguous variables by name.

  35. Add a marketplace section in the page settings.

  36. Insert marketplace pages.

  37. Improve component autoplacement when inserting via 1-click or paste in the components panel.

  38. Improve resource body handling.

  39. Add a UI section for filters and backdrop-filters.

  40. Warn users when using browser zoom on the canvas.

  41. Add an email option to the dashboard menu.

  42. Fullscreen preview when on the base breakpoint.

  43. Simple bot protection to reduce spam on forms.

  44. Custom font family support (duplicated, remove if necessary).

  45. Support for drag-and-drop in the Image Manager.

140+ fixes and improvements

With , we made for free SUPER EASY.

You can also use the to build a static site.

Now you can quickly access components from the keyboard and insert them. A - opens the components panel, where you can start typing right away Z - opens navigator S - opens the style panel D - opens the settings panel Read about all .

With this update, you can use a remote image URL with the , for example when working with APIs, and it will be transformed on the fly to an optimal format (e.g., WebP or AVIF) and rendered responsively depending on the viewport size.

With , we added a "" component. Now you can render and style Markdown—whether it's written directly in Webstudio or fetched from any CMS. It is 100% server-side, SEO friendly!

To help you find the right CMS for your needs, we launched a which gives you an easy way to filter.

See and older for detailed changelog.

🆕
CLI
available shortcuts
Image component
this update
Markdown Embed
CMS finder tool
Release 0.178.0
Markdown
copy and paste from Webflow
announcement on X
this update
self-hosting static sites
Static Export
Components Search
search box on components
CMS Finder launch
limitations