Dynamic attributes for components

You can now set dynamic attributes on components, enabling you to create more flexible and reusable component instances across your site. This allows you to programmatically control component behavior through data bindings without duplicating components.

What's new

Dynamic attributes for components lets you bind data to component attributes, making it easier to:

Create flexible component instances that adapt to different content
Reduce component duplication across your site
Manage component behavior through data connections
Build more scalable design systems

How it works

When you create a component, you can now mark specific attributes as dynamic. This means you can bind those attributes to:

CMS fields
Variables
Other dynamic data sources

Component instances will then automatically reflect these data bindings, allowing you to reuse the same component with different attribute values across your project.

Getting started

To use dynamic attributes on your components:

Edit your component
Select the element whose attributes you want to make dynamic
Mark the attribute as dynamic in the settings panel
Bind the attribute to your desired data source
Use the component in your project—instances will automatically pull in the bound data

This feature is available for all component attribute types and works seamlessly with Webflow's existing dynamic content system.

Dynamic attributes for components | Webflow Updates