Lists

I saw a list of negative numbers at a crime scene and said: this doesn't add up.

Thumbnail list

Intended for avatars or small images. There's an additional class against images to turn them into circles.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Headline

Headline

Headline

Video list

Larger-sized video thumbnails.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Headline

Headline

Icon list

Using a small material/fontawesome icon in place of an image.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Headline

Headline

Headline

Text-only

All lists in this component kit simply adapt to a non-text mode if an image is deleted etc, but the text-only version is here as an example.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Headline

Headline

Headline

With checkbox

Must be integrated as part of a form.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

With radio button

Must also be integrated as part of a form, including radio button grouping conditions.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

With switch

Since switches are based on Webflow checkboxes, these also need to be part of a form.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Headline

Lorem ipsum dolor sit amet.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Headline

Headline

Headline

Headline

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.