While there isn't an official comprehensive list of custom attributes and their functionalities in Webflow, I can provide you with a list of commonly used custom attributes along with their functionalities. Keep in mind that Webflow is constantly evolving, and new features and attributes may be introduced over time.
1. data-aos: This attribute is used to integrate animations on elements using the AOS (Animate On Scroll) library or any other animation library of your choice. It allows you to control the animation effects and triggers based on scroll events.
2. data-scroll-speed: Used to control the scroll speed of an element, this attribute can be used to create parallax effects or control the speed of a scrolling animation.
3. data-tab: This attribute is used in combination with the native Webflow tab component. By assigning a unique value to each element within a tab, you can control which content is displayed within a specific tab.
4. data-toggle: This attribute is commonly used to create toggle functionality. It allows you to control the visibility or behavior of certain elements on the page when interacting with a separate element.
5. data-w-id: This attribute is specific to Webflow's interactions and is automatically added to elements when you create interactions. It helps identify and target elements within the interaction code.
6. data-modal: Used with custom code and interactions, this attribute helps create modal windows or pop-up overlays. By assigning the same "data-modal" value to a trigger element and the corresponding modal, you can control the opening and closing of the modal window.
7. data-src: This attribute is commonly used to control the source of media elements, such as images, videos, or audio. By changing the value of "data-src," you can dynamically update the source file.
8. data-action: This attribute is used with Webflow's form elements to specify the action to be taken upon form submission, such as opening a link, displaying a success message, or triggering a custom script.
9. data-target: This attribute is often used in combination with Webflow's navbar component. By assigning the value of "data-target" to a dropdown or modal element and the corresponding ID of the target element, you can control the display of dropdown menus or modal windows.
These are just a few examples of custom attributes commonly used in Webflow. Remember, since Webflow allows custom code integration, you can also use other custom attributes based on the specific needs of your project. Always refer to the documentation and support resources provided by Webflow for the most up-to-date information on custom attributes and their functionalities.