F'in sweet Class Adder
Add & remove classes in a
Webflow Interactions style UI
Trigger settings:
?
Trigger on
Select
Trigger class / ID
Action on:
1st click
2nd click
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
New Trigger
Hover in
Hover out
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
New Trigger
Scroll into view
Scroll out of view
Root class / ID
Threshold
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
Root class / ID
Threshold
Target class / ID
Affect
All elements with this class
All elements with this class
Only children with this class
Only parents with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
New Trigger
Page Load
Target class / ID
Affect
All elements with this class
All elements with this class
Only siblings with this class
Reset
Add class
Remove class
Class to add
New pair
Show comments in code
Copy Javascript Code
Before </body> tag
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.