## 1. Native scroll-driven animations

Webstudio leverages the new Scroll Timeline API, allowing browsers to synchronize scrolling with content at native performance levels. For browsers that don't support this feature, we use a polyfill which provides standard performance. However, the native implementation can achieve up to 120 FPS.

It's super important that scroll-driven animations run smoothly and don’t get interrupted because "JavaScript is busy" doing who knows what.\

- [Clonable examples](/content/marketplace/templates/animations/index.html)
- [Landing page with demos](/content/scroll-driven-animations/index.html)
- [Full animations playlist](https://www.youtube.com/playlist?list=PL4vVqpngzeT5PIw14Re-_a3iJfawLdLk7)

Silky-smooth, uninterrupted scroll-driven web animations - YouTube

## 2. Global data variables

Want to reuse an email 📧, phone number, or CMS connection data throughout your site?

Now you can with Global Data Variables!

🌎 Define reusable data globally  
📦 Access the variables anywhere… including inside Slots!  
👌 Maintain consistency  
🫰 Easier CMS setup!

Global Data Variables — reuse emails and much more! - YouTube

When integrating a CMS, different pages need access to the same variables, such as the API key. Now with Global Data Variables, they only need to be defined once, significantly improving the setup time and maintenance of a CMS.

Global Data Variables — Simple CMS Setup! - YouTube

Want to define a data variable outside of a Slot and use it within? Now you can! Useful for defining emails, resources, languages, and more outside of the slot but using them in footers, navs, and more.

Global Data Variables — Accessible in Slots! - YouTube

## 3. Docker support for sites

Export your dynamic site, and deploy it just about anywhere. Get total control over your hosting, cost, and compliance.

Learn how to deploy the site to AWS via  [Flightcontrol](https://www.flightcontrol.dev/)

Webstudio adds Docker! Flightcontrol/AWS Tutorial - YouTube

Learn how to deploy the site to Hetzner via  [Coolify](https://www.coolify.io/)

Deploy Webstudio to Hetzner with Coolify - YouTube

## 4. YouTube component

YouTube component is here!

Responsive by default
 Fast with lazy loading
 UI inputs for all the settings
 Customizable play icon and loading icon
 “Privacy Enhanced” Mode enabled by default

## 5. Head Slot component

The Head Slot component allows the creation of various head tags and can dynamically generate them based on remote data.

Head Slot: The Visual Way to Control Your Website's Head - YouTube

## 6. Dashboard redesign

The new dashboard includes search functionality, separates projects and starter templates, and is the first step towards workspaces.

## 7. Advanced and focused mode in style panel

We added a focus mode that allows you to see only one section at a time, as well as an advanced mode that makes the advanced section a full-height experience with search and autocompletion. Much of the UX is inspired by chrome dev tools, enabling advanced users to change styles quickly without moving the mouse.

## 8. Context menus

We started adding more and more context menus, starting with advanced section in style panel and animations

## 9. All Pro features accessible from a free plan for testing

We have made all Pro features available on a free plan so that everyone can test these features without paying. Additionally, we added checks on publishing and exporting if Pro features are used.

### Last 30 days

206M

5.98 TB

8

62

## Built to scale

### Total

222.8K

8.5K

5.5K

130.4K