Sygnal Attributes v5
Webflow Tools that Make Your Site Better
SA5 is the lastest version of Sygnal's Webflow Utilities Library.
The tools here are 100% free, and 100% designed for Webflow.
A lot of new features have already been released and many more are in the works. With that comes a major rewrite of this documentation.
We've begun including our dev team and roadmap notes in these docs so that they are available for community comment and discussion.
- Documentation is organized by library
- At the top of most libraries, you'll two important pages-
- 🔍 About this Library, which gives you an overview of the capabilities
- 🚀 Quick Start, which gives you the library code you need
- Within each library the features are grouped separately
- A lot of features have subpages- make sure to click the > to expand those sections
- 🧪 indicates EXPERIMENTAL items, which are not yet available
- 📝 indicates NOTES, which are primarily for the dev team
- ▶️ indicates VIDEO TUTORIALS, which we're just beginning to add
The tech changes we've made in v5 open the doors to a lot of new capabilities.
If you are using v4, none of these changes will affect your current websites.
Since all of our CDN URLs are version-locked, you’ll continue to use the same libraries you are using now until you upgrade to the newer versions, someday, if you want to.
- We’ve changing from a JavaScript ES6 codebase to TypeScript
- We’ve changed fully from CSS to SASS.
- We’ve eliminating all use of jQuery in the libraries.
- We’ve separated classes through the library into discrete source files
- We’ve bundled the distributed files differently for even greater efficiency
- We've integrated debugging features
We’re excited about the tremendous capabilities the new stack gives us.
If you choose to switch to the upgraded v5 libraries at some point, you’ll see a few minor integration changes;
Javascript <script> elements;
- Will be moved from the before-/body section to the before-/head section of your pages and site-wide code settings.
- The library URLs will change to point at the
/dist/
path, rather than the/src/
path. - You'll also notice that the
type=module
is dropped
CSS
<link>
elements will essentially remain unchanged, and will continue to point to /dist/css/
All of this is covered in the docs for each feature, and we’ll update the docs as each library is migrated, so that you can upgrade them if you choose to.
You can simply reference the new libraries with no changes to your custom attributes or existing features- and you’ll still get the enhanced features and performance benefits.
Nope! If you’re happy with things as they are and don’t need any of the new features, you don’t need to change a thing. v4 will continue to run indefinitely.
Last modified 22d ago