List animations, dynamic filters and utilities | Learn the new Finsweet Attributes v2

Another list filtering livestream with tons of new features to talk about! Animating the lists when performing actions, creating truly dynamic filters with the new Dynamic mode; and making use of built in utilities to supercharge your lists 💪

-----------------------------------------------

// RESOURCES FROM THE VIDEO

Get started with Attributes: https://finsweet.com/attributes
List Filter: https://finsweet.com/attributes/list-...
Webflow: https://finsweet.info/webflow

Learn the new Finsweet Attributes v2 playlist:    • Attributes v2 livestreams  

Subscribe to Finsweet YouTube: https://www.youtube.com/c/Finsweet?su...
Get the full list of FREE Finsweet products: https://www.finsweet.com/subscribe

-----------------------------------------------

// TIMESTAMPS

00:00 Intro
03:10 Previous streams recap
06:14 Animations in Attributes
08:30 Use combo classes to animate with Attributes
10:30 Native opacity & position
15:50 Native scale & rotation
19:45 CSS animations
23:15 Other classes that can be used to animate
24:30 is-list-starting class
28:03 Stagger attribute
32:55 Utilities
35:03 Debounce
37:30 Filteron
42:40 Allow form submission to Webflow
44:40 Custom actions instead of native form submission
51:30 Initial state
54:25 Splitting
01:00:30 Wrap up & outro

-----------------------------------------------

// ABOUT US

We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!

🙌 Join our community - https://finsweet.com/plus
🔥 Add superpowers to your Webflow website - https://finsweet.com/attributes
🧰 Extend your Webflow workflow - https://finsweet.com/extension
🚀 Build clear, scalable & organized Webflow websites - https://www.finsweet.com/client-first
👀 Check out products used at Finsweet - https://www.finsweet.com/recommended
🛍️ Buy Finsweet merch - https://finsweet.com/merch

-----------------------------------------------

// SOCIAL

Podcast: https://anchor.fm/finsweet
Twitter:   / thatsfinsweet  
Tik Tok:   / thatsfinsweet  
Instagram:   / thatsfinsweet  
Facebook:   / thatsfinsweet  
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/

-----------------------------------------------

// TAGS

#webflow #attributes #listfilter

-----------------------------------------------

Thanks for your support! 🤟