Nest

In lesson #16, we learn how to use the Nest component. Check out this tutorial's live example below. For more examples, go to CMS Library How-to.

Easily generate javascript code with the Visual Script Writer. For help with implementation, shoot us a message on Sweet JS. If you have any questions/feedback, please comment on this lesson's Youtube video.

Timestamps:
  • 00:07 - Intro
  • 00:15 - What is the Nest component?
  • 00:40 - How's Finsweet's Nest component different from Webflow's?
  • 01:33 - Setting up the page structure
  • 12:11 - Generate code with Visual Script Writer
  • 14:24 - Live Example
  • 16:01 - Go to Sweet JS

Live Example

Monkey

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Microsoft
Microsoft

Gorilla

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apple
Apple

Elephant

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apple, Android
Apple
Android

Cheetah

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Microsoft, Android
Microsoft
Android

Hummingbird

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apple, Microsoft
Apple
Microsoft

Logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Apple, Microsoft, Android
Apple
Microsoft
Android
Android
Microsoft
Apple
Made in Webflow