🚀Quick Start | SA5 Effects

Proxy selects with a dropdown for better styling options

How to Add the Library

Add this script to the site wide custom code HEAD area of your site. If this functionality is only needed on specific pages, you can add it to those page-specific HEADs instead.

<!-- Sygnal Attributes 5 | Effects --> 
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-effects.css"> 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-effects.js"
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-effects.js"
  ></script>

Add the custom attributes for the features you need, described in each feature separately.

Add the custom attributes for the features you need, described in each feature separately.

SA5 Library Developers

For SA5 library developers, use the extended syntax to support Sygnal DevProxy.

<!-- Sygnal Attributes 5 | Effects --> 
<link rel="stylesheet" 
  href="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/css/webflow-effects.css"
  dev-href="http://127.0.0.1:4000/dist/css/webflow-effects.css"
  devproxy-group="sa5"
  > 
<script defer 
  src="https://cdn.jsdelivr.net/gh/sygnaltech/[email protected]/dist/nocode/webflow-effects.js" 
  dev-src="http://127.0.0.1:4000/dist/nocode/webflow-effects.js"
  devproxy-group="sa5"
  ></script>