Socks UI for Webflow

Create your own components powered by GSAP by just adding attributes.
Accessible, customizable, open-source.

Thank you for signing up! You'll be notified as soon as the first component launches

Oops! Something went wrong while submitting the form.

Usage

This is an accordion group with default behavior ( [s-accordion="group"] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

This is an accordion group with first element open ( [s-accordion="group"] [s-first-open] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

This is an accordion group that allows multiple instances to be open ( [s-accordion="group"] [s-multiple] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

This is the accordion trigger ( [s-accordion="trigger"] )

This is the accordion content ( [s-accordion="content"] )

Modal

Carousel