webflow-util

Sygnal Attributes 5

The WFU library is a collection of utilities that add capability to Webflow sites. It focuses on overcoming certain limitations of Webflow, and adding certain functionality.

NOTE: in v5, the library is undergoing significant migration from JS/CSS to TS/SCSS, which means significant code restructuring. Basic library functionality and APIs should remain unchanged.

Some of the most popular features include;

• Webflow membership & current user info access
• Enhanced Webflow elements such as lightbox and tabs
• Data-binding form INPUT and SELECT elements to your collection lists
• Adding custom attributes dynamically to elements within a collection list.
• Adding tables support, with data sourced from Google Sheets
• Multilingual support through language-detection and a dynamic content-switcher
• 5-star Ratings widget (SVG, with fractional support)
• URL querystring param extraction and passthrough

All of these features are focused on creating as much capability within Webflow as possible, without relying on 3rd party plug-ins and monthly service fees.

This project is also a practical exploration into the use of Javascript ES6 modules, NPM, and other state-of-the art web dev technologies, and how they can be used to enhance Webflow sites.

This library will be expanded as needed, and broken into modules for convenient selection of the parts you need.

Documentation

Master documentation is here- https://attr.sygnal.com

Legacy documentation and demos are here- https://wfu.sygnal.com

This site is open source. Improve this page.