SA5 | Sygnal Attributes | Designed for Webflow
Buy Us a Beer!Community ForumMicro-Consulting
  • โžก๏ธGithub Repo
  • ๐Ÿ‘ซSygnal Attributes Community
  • ๐Ÿ“˜Overview
    • Sygnal Attributes v5
    • How to Add Custom Code
    • What is Sygnal Attributes?
    • Sponsor a Feature โœจ
    • What's New?
    • Library Modules
    • Technical Notes & Goals
      • CSS Media Queries
      • Callback Handlers
      • Custom Attributes
    • Documentation
    • Configuration Blocks
      • Configuration Block Specification
    • Preloaders
    • Breakpoints
    • Component Support ๐Ÿงช
    • Sygnal Attributes ( SA5 ) Support
    • Dev Team Notes
    • GDPR
    • SA6
    • Triggers, Events & Actions
      • Triggers
        • Click Triggers
        • Scroll Into View Trigger
        • Hover Trigger
        • Timer Trigger
        • Form Triggers ๐Ÿงช
          • Form Submit Trigger ๐Ÿงช
        • Exit Intent Trigger ๐Ÿงช
        • ECommerce Triggers ๐Ÿงช
        • Inactivity Trigger ๐Ÿงช
        • Page Load Trigger ๐Ÿงช
        • Url Hash Trigger ๐Ÿงช
        • Gated Trigger ๐Ÿงช
        • Link Triggers ๐Ÿงช
        • Reactiv Triggers ๐Ÿงช
        • Interaction Trigger ๐Ÿงช
      • Events
        • Namespacing
        • Event Data
        • Link-Based Triggers ๐Ÿงช
        • Breakpoints ๐Ÿงช
        • Persistent Events ๐Ÿงช
        • Gated Events ๐Ÿงช
      • Actions
        • Click Actions
        • Alert Action
        • Visibility Actions
        • Scroll Into View Action
        • Video Actions ๐Ÿงช
        • Audio Action ๐Ÿงช
        • Class Adder Actions ๐Ÿงช
        • Tab Element Actions ๐Ÿงช
        • Interaction Actions ๐Ÿงช
        • Form Actions ๐Ÿงช
        • Navigate Actions ๐Ÿงช
        • Script Actions ๐Ÿงช
    • SA5 Core
      • Handlers
      • Controllers
      • Core Processing
      • Core Technical Notes
        • Element Tracking
  • ๐Ÿ“˜sa5-cache
    • ๐Ÿ”About SA5's Cache Lib
    • Data Caching โบ
      • Cache Setup v4
  • ๐Ÿ“˜sa5-socialshare
    • ๐Ÿ”About SA5's Social Share Lib
    • ๐Ÿš€Quick Start | SA5 Social Share
    • Email Social Share โบ
  • ๐Ÿ“˜sa5-detect ๐Ÿงช
    • ๐Ÿ”About SA5's Detect Lib
    • ๐Ÿš€Quick Start | SA5 Detect
    • Page
    • User Agent Detection
    • Geolocation Detection ๐Ÿงช
      • Cache Setup v4
    • Detect Incognito Mode
  • ๐Ÿ“˜sa5-analytics
    • ๐Ÿ”About SA5's Analytics Lib
    • ๐Ÿš€Quick Start | SA5 Analytics
    • A/B and Multivariate Testing
    • UTM Tracking
    • Rel Attributes
    • GA Events
    • GTM Events โบ๐Ÿงช
      • Important dataLayer Notes
      • Facebook
      • Google Analytics ( GA4 )
      • Future
  • ๐Ÿ“˜sa5-data
    • ๐Ÿ”About SA5's Data Lib
    • ๐Ÿš€Quick Start | SA5 Data & Data-Binding
    • Usage Notes
    • Concepts & Terminology
      • Data Paths
      • Complex Data Sources
      • Developing Concepts ๐Ÿ“
    • Data Sources ( Simple )
      • URL Querystring Data Source
      • URL Part Data Source
      • User Info Data Source
      • Cookies & Web Storage Data Sources ๐Ÿ“
      • Global Data Source ๐Ÿงช
    • Data Sources ( Complex )
      • RichText Data Source ๐Ÿงช
      • Defining Custom Data Sources
      • Collection List Data Source ๐Ÿ“
        • Developing Concepts | Collection List Data Sources
    • Data Binding
      • Conditional Visibility
      • Form Elements ๐Ÿ“
      • Templates & Macro Expansion ๐Ÿ“
      • Developing Concepts on Data-Binding ๐Ÿ“
      • Macro Expansion
        • Macro Expansion
        • Count Items
      • Preloaders
    • SA5 Data ( HSON ) โบ๐Ÿงช
      • SA5 Data BETA Kit
      • JSON Data Variants
    • Advanced Use
    • SA5 Data JS API
    • Future ๐Ÿ“
      • External Data
      • One-Way v. 2-way Bindings
      • Reactive Bindings
      • Data Sources ( External ) ๐Ÿงช
        • Google Sheets Data Source โ›”
        • GitHub Data Data Source โ›”
  • ๐Ÿ“˜sa5-forms
    • ๐Ÿ”About SA5's Forms Lib
      • SA5 Forms Roadmap
    • ๐Ÿš€Quick Start | SA5 Forms
      • SA5 Forms Future
    • Data-binding Form INPUTs & SELECTs โบ
    • Smart Form Webhook Handler โบ
      • Form Webhook Handler JS API Events
      • n8n Handler
      • โ–ถ๏ธBasin Handler
        • File Uploads
        • Future
      • โ–ถ๏ธMake ( Integromat ) Handler
      • Future
    • Form Data Validation
      • Invalid Field Indicators (Real-Time) ๐Ÿงช
      • Invalid Field Indicators on Submit Attempt ๐Ÿงช
      • Email validation
    • Remove Unchecked Checkboxes โœจ
    • Preserve Line Breaks
    • Form IP Info โบ
    • File Uploads ๐Ÿ“
    • Custom Form Submit Button
    • File Downloads
    • Form Select Element
    • SA5 Forms API
    • Dynamic Forms
    • Form Success Redirect ๐Ÿงช
    • Show / Hide Password ๐Ÿงช
  • ๐Ÿ“˜sa5-html
    • ๐Ÿ”About SA5's HTML Lib
      • Webflow Interactions
    • ๐Ÿš€Quick Start | SA5 HTML
    • Advanced Element Sorting โบ
    • Advanced Element Filtering โบ
      • Useful Filtering Examples
    • Dynamic URLs ๐Ÿงช
      • Future
    • Dynamic Attributes
      • Future
        • Smart Attributes ๐Ÿงช
        • Prefix, Postfix, and Formatted Attributes ๐Ÿงช
    • Scroll to Section
    • Breakpoints โบ
    • Limit Items by Breakpoint โบ
      • Designer CSS Embed
    • Limit Items to Multiple-of โบ
    • Numeric Sequencing โบ
    • Truncate Text w/ Ellipsis โบ
    • Encoded Email
    • Hide Section w/ Empty Collection Lists โบ
    • Download File โบ
    • Decode HTML โบ
    • Markdown โบ
      • Themes
    • Transform โบ๐Ÿงช
    • Code Formatting โบ๐Ÿงช
    • CMS Code Injection โบ๐Ÿงช
    • Responsive Tables โบ๐Ÿงช
    • Text Formatting โบ๐Ÿงช
    • Components โบ๐Ÿงช
      • Component Object Positioning
    • Auto-Size IFRAMEs ๐Ÿงช
    • Switch Case โบ๐Ÿงช
    • Lazy Load
    • Gallery ๐Ÿงช
    • Scroll Anchor
  • ๐Ÿ“˜sa5-layout
    • ๐Ÿ”About SA5's Layout Lib
      • Future
    • ๐Ÿš€Quick Start | SA5 Layout Lib
    • Layout โบ
      • Tabs Layout Handler
      • Slider Layout Handler ๐Ÿงช
      • Future
    • Element Groups โบ๐Ÿงช
    • Equal Height Rows โบ๐Ÿงช
  • ๐Ÿ“˜sa5-logic ๐Ÿงช
    • ๐Ÿ”About SA5's Logic Lib
      • Future
    • ๐Ÿš€Quick Start | SA5 Logic Lib
    • If โบ๐Ÿงช
    • Switch โบ๐Ÿงช
  • ๐Ÿ“˜sa5-booking
    • ๐Ÿ”About SA5's Booking Lib
    • ๐Ÿš€Quick Start | SA5 Booking Lib
    • GetTimely โบ๐Ÿงช
    • SimplyBook โบ๐Ÿงช
  • ๐Ÿ“˜sa5-richtext
    • ๐Ÿ”About SA5's Rich Text Lib
      • Future
    • ๐Ÿš€Quick Start | SA5 Rich Text
    • Nested Lists โบ
      • Legacy Feature Notes
    • GitHub Gists โบ
      • โ–ถ๏ธVideo Tutorials
      • Why Gist?
      • Technical Notes
      • Future
    • Code Blocks ๐Ÿงช
      • Wrapping Code Blocks
      • Copy Code to Clipboard
    • Excalidraw ( SVG Embeds )
    • URL Expanders ๐Ÿงช
    • Annotations ๐Ÿงช
    • Text SPAN Formatting ๐Ÿงช
    • Lightboxes ๐Ÿงช
      • Future
    • Embeddables
    • Richtext โบ๐Ÿงช
      • CSS Isolation
    • Blockquotes
    • Call-Outs
    • Responsive Inline Images
  • ๐Ÿ“˜sa5-table
    • HTML Tables
  • ๐Ÿ“˜sa5-kiosk ๐Ÿงช
    • ๐Ÿ”About SA5's Kiosk Lib
    • ๐Ÿš€Quick Start | SA5 Kiosk
    • Usage Notes
    • Kiosk Hardware & Browser Setup
    • Kiosk Base ๐Ÿงช
    • Inactivity Timer ๐Ÿงช
    • Display Mode
    • Technical Notes
    • Future
      • Smart Watch Notes
    • ToDo
  • ๐Ÿ“˜sa5-hotkeys
    • ๐Ÿ”About SA5's Hotkeys Lib
    • ๐Ÿš€Quick Start | SA5 Hotkeys
    • Hotkeys โบ
      • Future
  • ๐Ÿ“˜sa5-commerce
    • Payment Providers
    • Price in Local Currency ๐Ÿงช
  • ๐Ÿ“˜sa5-demo
    • Webflow Preview Link
  • ๐Ÿ“˜sa5-ui
    • ๐Ÿ”About SA5's UI Lib
    • ๐Ÿš€Quick Start | SA5 UI
    • 5-Star Ratings Component โบ
  • ๐Ÿ“˜sa5-cro
    • ๐Ÿ”About SA5's CRO Lib
    • ๐Ÿš€Quick Start | SA5 CRO
    • Conversion Tracking Event
  • ๐Ÿ“˜sa5-url
    • ๐Ÿ”About SA5's Url Lib
    • ๐Ÿš€Quick Start | SA5 Url
    • Query Param Passthrough
      • Future
    • External Link Targeting
    • Relative Link Fixups โ›”
  • ๐Ÿ“˜sa5-video
    • ๐Ÿ”About SA5's Webflow Video Lib
    • ๐Ÿš€Quick Start | SA5 Video
    • Background Video Poster
    • Triggers, Events & Actions
    • YouTube Hide Related Videos [BETA]
      • Styling Options
      • Future
    • Media Pop-Ups ๐Ÿงช
    • Video Player ( Direct )
    • Video Controller File Format
    • Media Controller
    • Video Player Controller
      • Video Playback Spec ๐Ÿงช
      • YouTube Video Data ๐Ÿงช
      • Loom Video Data ๐Ÿงช
  • ๐Ÿ“˜sa5-elements
    • ๐Ÿ”About SA5's Elements Lib
      • Elements Lib Future Plans
    • ๐Ÿš€Quick Start | SA5 Elements
    • Element Actions ๐Ÿงช
    • Tabs Element
      • Tabs Future Plans
      • Triggers, Events & Actions ๐Ÿงช
      • Tabs API
    • Slider Element
      • Triggers, Events & Actions ๐Ÿงช
      • Slider JS API
      • Slider JS API Events
      • Advanced Slider Use
      • Future
    • Deck Controller Element โ›”
    • Button Element
      • Triggers, Events & Actions ๐Ÿงช
    • Dropdown Element
      • Triggers, Events & Actions ๐Ÿงช
      • Future
    • Lightbox Element
      • CMS Lightbox + Groups
      • CMS Lightbox + Captions
        • Popular Lightbox Setups
      • Lightbox JS API
      • Triggers, Events & Actions ๐Ÿงช
      • SA5 Lightbox Future
    • Radio Button Element ๐Ÿงช
      • Triggers, Events & Actions ๐Ÿงช
    • Autocomplete Element
      • Styling
      • Future
    • Accordion Element
      • Accordion Future Plans
      • Triggers, Events & Actions ๐Ÿงช
      • Accordion API
    • Lottie Element โบ๐Ÿงช
      • Triggers, Events & Actions ๐Ÿงช
    • Locale Switcher Element โบ๐Ÿงช
      • Technical Notes
      • JavaScript API
  • ๐Ÿ“˜sa5-format
    • ๐Ÿ”About SA5's Format Lib
    • ๐Ÿš€Quick Start | SA5 Format
    • Format Numbers & Currencies โบ
    • Format Dates โบ
      • Use Cases
        • Custom Format a Date
        • Localize a Date
        • From and To Relative Timespans
        • Age
      • Future - Date formatting
      • Setup Your Date Field for Good Parsing
  • ๐Ÿ“˜sa5-user-accounts
    • ๐Ÿ”About SA5's Webflow User Accounts Lib
    • ๐Ÿš€Quick Start | SA5 User Accounts
    • Logged-In User Info โบ
      • Custom User Fields
      • Webflow's UserID
      • Access Groups
        • Using Access Groups for Conditional Visibility
        • Using Access Groups for Routing โบ๐Ÿงช
      • The User object
        • The User Object Lifecycle
      • Tips & Best Practices
      • User Info FAQs
      • Troubleshooting
      • โฉFuture Plans & Ideas
      • BETA testing
      • Technical Notes - Interfaces
      • Future Development
    • Advanced Log-In & Sign-Up Flow โบ
    • Conditional Element Display โบ
    • Expand Login Button โบ
  • ๐Ÿ“˜sa5-track
    • ๐Ÿ”About SA5's Tracking Lib
    • ๐Ÿš€Quick Start | SA5 Tracking
    • Webflow Cookies & Storage Tracking โบ
      • Conditional Element Visibility
      • Tracking Page Visits
      • Tracking Button Clicks
      • Track Query String Params
      • Track Checkbox State
      • Cloneable Demo
    • SA5 Referer Tracking โบ๐Ÿงช
    • Future Plans
      • Likes & Favorites Tracking โบ๐Ÿงช
      • Recently Viewed Tracking โบ๐Ÿงช
  • ๐Ÿ“˜sa5-modals
    • ๐Ÿ”About SA5's Webflow Modals & Popups Lib
    • ๐Ÿš€Quick Start | SA5 Modals & Popups
    • Webflow Popups & Modals
      • Triggers
      • Gating Modals
      • Modal Design & Styling Notes
      • Simple Modals v. Custom Modals
      • Modal JS API
      • Page-Specific Modal Control
      • Common Configurations
      • Pro-Tips
      • SA5 Modals Roadmap & Future
        • Future Attributes
        • Future Triggers
    • Dismissible Elements
    • Triggers, Events & Actions ๐Ÿงช
    • Webflow Modals & Popups Auto-Open and Auto-Close
    • Side Panels ๐Ÿงช
  • ๐Ÿ“˜sa5-selectcustom
    • ๐Ÿ”About SA5's Custom Form Select Lib
    • ๐Ÿš€Quick Start | SA5 Custom Form Select
    • Triggers, Events & Actions ๐Ÿงช
    • Custom Form Select โบ๐Ÿงช
  • ๐Ÿ“˜sa5-gallery
    • ๐Ÿ”About SA5's Gallery Lib
    • ๐Ÿš€Quick Start | SA5 Gallery
    • Gallery โบ๐Ÿงช
      • Simple Collage Layout Engine
  • ๐Ÿ“˜sa5-effects
    • ๐Ÿ”About SA5's Effects Lib
    • ๐Ÿš€Quick Start | SA5 Effects
    • Depthmap (Fake 3D) Image โบ๐Ÿงช
    • Image Zoom
  • ๐Ÿ“˜sa5-fixup
    • Viewport META
    • Webflow Fixups โบ
  • ๐Ÿ“˜sa5-countup
    • CountUp Animated Numbers
  • ๐Ÿ“˜sa5-seo
    • ๐Ÿ”About SA5's SEO Lib
    • ๐Ÿš€Quick Start | SA5 SEO
    • Noindex โบ๐Ÿงช
    • Nofollow โบ๐Ÿงช
    • JSON-LD โบ๐Ÿงช
      • JSON-LD Article โบ๐Ÿงช
      • JSON-LD Video โบ๐Ÿงช
      • JSON-LD Course Info โบ๐Ÿงช
      • JSON-LD WebPage
      • JSON-LD Sitelinks Searchbox โบ๐Ÿงช
  • ๐Ÿ“˜sa5-core
    • SA5 Core โบ
    • Webflow Designer Support โบ
  • ๐Ÿ“˜sa5-embeds
    • ๐Ÿ”About SA5's Embeds Lib
    • ๐Ÿš€Quick Start | SA5 Embeds
    • Table Embeds โบ
      • Google Doc Table Embeds
        • Styling Table Embeds
      • Google Sheets Table Embeds
      • Future
  • ๐Ÿ“˜sa5-state
    • ๐Ÿ”About SA5's State Lib
    • ๐Ÿš€Quick Start | SA5 State
    • State โบ๐Ÿงช
      • State Handlers
        • SA5 State Handler
        • MobX
        • Redux
  • ๐Ÿ“˜sa5-localization
    • ๐Ÿ”About SA5's Localization Lib
    • ๐Ÿš€Quick Start | SA5 Localization
    • Localization Functions
    • Locale URLs
    • Sort locales in the order you choose
  • ๐Ÿ“˜sa5-404
    • ๐Ÿ”About SA5's 404 Lib
    • ๐Ÿš€Quick Start | SA5 404
    • 404 Smart Search โบ
  • ๐Ÿ“˜sa5-calc
    • ๐Ÿ”About SA5's Calc Lib
      • Future
    • ๐Ÿš€Quick Start | SA5 Calc
    • Count & Sum Items โบ
      • Source Types
      • Calc Use Cases
  • ๐Ÿ“˜sa5-trigger โ›”
    • ๐Ÿ”About SA5's Trigger Lib
    • ๐Ÿš€Quick Start | SA5 Trigger
    • IX Triggers ( Legacy ) โบ
  • ๐Ÿ“˜Deprecated Features
    • Repeater โ›”
    • Lipsum Generator โ›”
    • JSON Formatter โ›”
Powered by GitBook
On this page
  • Libraries
  • Our Most Popular Libs
  • Specialized Use / Advanced Libs;
  • Experimental Libraries & Features ๐Ÿงช
  • Feature Requests
  • 2023 Review of SA5's Capabilities
  • Navigating the Docs
  • Whatโ€™s new in v5?
  • The v5 Tech Stack
  • Switching to v5

Was this helpful?

  1. Overview

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, 100% open-source, and 100% designed for Webflow.

Libraries

SA5 is divided into a series of individual libraries.

Our Most Popular Libs

Library
Purpose
Features

A huge range of page-modification capabilities

  • and much more...

Get logged in user info to personalize your site and improve user experience. Custom-route on login.

  • User name

  • Email

  • Custom fields

  • Access groups

Add capabilities to Webflow's Rich Text Block

  • Responsive inline images

Advanced, dynamic layouts for your Webflow pages

  • Restructure your collection lists entirely into groups

  • Create dynamic tabs from the CMS

  • Overcome Webflow's 5-nested-item limit

Easily replace Webflow's native form handler with your choice of 3rd party handlers like Basin, Zapier, Make, and n8n.

  • Eliminate SPAM

  • Trigger automations

Create powerful, consistent modals with full design control and zero interactions

Define custom hotkeys to trigger your scripts, page actions and navigation

Special URL enhancement tools

  • Pass-through your query params from one page to another for referer tracking

  • Target all external links to a new tab

Add capabilities to your video elements

  • Youtube Hide related videos

  • Background Video poster image

  • Video player

Control Webflow's elements with code, and receive events when they change

  • Tabs

  • Sliders

  • Buttons

  • Dropdown menus

  • Lightboxes

  • Radio buttons

  • Accordions

  • Lotties

  • Locale Switcher

Format numbers and currencies & dates specially

  • Locale-specific formatting

Special tracking using cookies and webStorage

Custom Select element based on Finsweet's attribute of the same name. Adds some dynamic update capabilities

Specialized Use / Advanced Libs;

Library
Purpose
Features

Central to SA5, but has a few tricks up its sleeve

  • Hide objects in the designer and make them visible in the published site

Handle high-latency tasks such as content-fetching with a built-in caching layer.

  • Allows complex calculations and slow data retrievals to easily cache.

  • Code your update directly to the cache layer and it will "lazy load" the content when needed.

Embed external content into your blog posts and pages.

  • Tables from Google Docs

Adds Email as a social share option. Designed to work in conjunction with Finsweet's Social Share component.

  • Adds share-to-email

Adds some analytics capabilities to your site using attributes.

  • GTM dataLayer events

  • UTM Tracking

  • Rel Attributes

  • A/B testing

Extract CMS data into JS objects from your collection lists, to power your custom code and calculations.

  • Extract data from collection lists into datasources

  • Extract querystring data, and URL data

  • Cookies and webStorage

  • Data-bind these pieces of information to text elements and form inputs

Improve your 404 pages

  • Smart search trigger Webflow site search based on the Path the user was looking for

Animated count up to a set value. Triggers on scroll-into-view

Special UI components

  • 5-star ratings component ( display only )

Add special capabilities to your Webflow demo sites, such as links to the correct readonly link page.

Simple commerce solutions for one-off purchases.

  • Paypal

  • Windcave

Custom trigger items and interactions from text links and buttons.

  • Trigger interactions, such as pop-ups and modals from a link

  • Support CMS-driven scenarios

Experimental Libraries & Features ๐Ÿงช

These are libraries we're experimenting with.

Library
Purpose
Features

Calculate & sum items

Some SEO tools

  • Noindex

  • Nofollow

  • JSON-LD

Fix a few things in Webflow editor and published sites.

Add logic capabilities using attributes, for conditional visibility and page structuring

  • If

  • Switch

Experimental effects

  • Depthmap ( fake 3d )

State management

Tag trigger elements easily to invoke 3rd party booking systems with the correct service, location, category, and staff member.

  • GetTimely

  • SimplyBook

Various localization features

Detect and manipulate your page depending on how

Add HTML tables

We've also begun including our dev team and roadmap notes in these docs so that they are available for community comment and discussion. You can expand most features for a Future notes document.

Feature Requests

  • Share your ideas in SA5's forum.

  • If you'd like a specific feature built that you already see on our design board here, you can sponsor a feature. Features marked with

2023 Review of SA5's Capabilities

Navigating the Docs

  • 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

  • ๐Ÿงช 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

Whatโ€™s new in v5?

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.

The v5 Tech Stack

  • 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.

Switching to v5

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.

What about attribute or code changes?

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.

Will I need to upgrade to v5 eventually?

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 updated 8 months ago

Was this helpful?

Now you can of those features, and they will be added to the library for everyone to use.

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

๐Ÿงช

A lot of features have subpages- make sure to click the > to expand those sections

๐Ÿ“˜
sponsor the development
SA5 HTML
Dynamic attributes
Truncate text w/ ellipses
Advanced sorting
Advanced filtering
Encoded Emails
Hide Sections w/ Empty Collection Lists
SA5 User Accounts
SA5 Rich Text
SA5 Layout
SA5 Forms
SA5 Modals
SA5 Hotkeys
SA5 URL
SA5 Video
SA5 Elements
SA5 Format
SA5 Track
SA5 Select Custom
SA5 Core
SA5 Cache
SA5 Embeds
SA5 Social Share
SA5 Analytics
SA5 Data
SA5 404
SA5 Countup
SA5 UI
SA5 Demo
SA5 Commerce
SA5 Trigger
SA5 Calc
SA5 SEO
SA5 Fixup
SA5 Logic
SA5 Effects
SA5 State
SA5 Booking
SA5 Localization
SA5 Detect
SA5 Table