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

Sweet Text for Webflow Rich Text

Apply custom classes, styles, and Webflow Interactions to any text inside a Webflow Rich Text block. Works with static elements and CMS Rich Text field.

Apple

Microsoft

Android

Apple, Microsoft, Android

F’in sweet CMS Library for Webflow

Documentation for the F'in sweet CMS Library for Webflow. These docs cover all of the javascript functions you can do with the CMS Library.

Apple

Android

Apple, Android

Scrollbar Styler

Visually style your scrollbar like you're in Webflow designer. Generate clean CSS and copy/paste to your Webflow site settings.

Microsoft

Android

Microsoft, Android

F'in sweet Webflow Hacks

A custom code-focused video series for Webflow websites. Learn how to use jQuery and javascript to extend the functionality of your Webflow site.

Apple

Microsoft

Apple, Microsoft

Lottieflow

Download Lottie icon animations to implement on your Webflow website. Change hex color, customize easing, and download JSON files to use Lottie with Webflow Interactions.

Apple

Microsoft

Android

Apple, Microsoft, Android