Figma Styleguide for Lumos

Watch

Clone

Lumos Framework, Tokens Studio for Figma

Process

Effortless Webflow Responsiveness With Adaptive Spacing

Watch

Clone

Lumos Framework

Process

Top 4 Webflow Spacing Techniques for Beginners

Watch

Process

Ultimate Layout System for Webflow

Watch

Clone

Lumos Framework

Process

A New Framework for Color in Webflow

Watch

Clone

Lumos Framework

Process

Lumos Framework

Watch

Clone

Lumos Framework for Webflow

Process

Lenis Smooth Scroll

Watch

Clone

Smooth Scroll

Level Up Webflow Components

Watch

Clone

Patreon

Process

Utility Classes 2.0 in Webflow

Watch

Clone

Process

Flex vs Grid Layout Systems

Watch

Clone

Patreon

Process

Scrub GSAP Timeline on Mouse Move

Watch

Clone

Patreon

Hover Interaction

Dynamic CMS Grid in Webflow

Watch

Clone

collections, collection list, cms list, css grid

Grid

Is jQuery Dead?

Watch

Patreon

Process

Why Your Spacing Divs Suck

Watch

Why Spacing Divs Suck

Process

GSAP Hover Span

Watch

Clone

Patreon

Hover Interaction

Best Design Width for a Webflow Build

Watch

figma

Process

Hosting Code

Watch

patreon

Process

CSS Hover

Watch

Clone

patreon

Hover Interaction

Random Letter Scroll

Watch

Clone

Patreon, gsap random utility, gsap random utils

Text Animation

Why I Ditched Chrome as a Webflow Designer

Watch

Case Study

Scroll-Based Item Toggling in Webflow

Watch

Clone

Switch Content With Webflow Scroll Interactions

Scroll

ScrollTrigger Callback Flip

Watch

Clone

patreon, gsap, greensock, gsap flip, gsap scrolltrigger

Scroll

Ajax Modal

Watch

Clone

Power-up

Patreon, powerups, power-ups, power ups, lightbox, popup, modals, cms

Modal

Unmask Sections While Scrolling

Watch

Clone

Unmask Sections While Scrolling in Webflow

Scroll

Switch Content on Scroll

Watch

Clone

live, Switch Content on Scroll in Webflow

Scroll

GSAP ScrollTrigger Micro Lesson

Watch

Clone

GSAP ScrollTrigger Micro Lesson in Webflow, GSAP Grid Scroll

Scroll

CSS Variables

Watch

Clone

Patreon

Functionality

Multi-Step GSAP Flip & ScrollTrigger

Clone

Scroll

Scroll Flip

Watch

Clone

Power-up

gsap flip, scrolltrigger, scroll trigger, seamless, power-ups, powerups, Teleport Elements While Scrolling in Webflow, Relocate Elements While Scrolling in Webflow

Scroll

Overlapping Scroll Interaction

Watch

Clone

patreon, overlapping sections

Scroll

CSS Media Queries

Watch

Clone

Patreon, css media query, responsiveness

Functionality

CSS Specificity

Watch

Clone

patreon

Functionality

Scroll Direction Hide / Show

Watch

Clone

live, Scroll Direction Hide / Show in Webflow

Scroll

Hover Letter Stagger in Webflow

Watch

Clone

live, gsap, greensock, hover, mouse enter, mouseenter, hoverin, letter animation, text animation

Text Animation

GSAP Press & Hold

Clone

gsap timeline press and hold gsap timeline, gsap timeline click & hold gsap timeline, gsap timeline click and hold gsap timeline

Functionality

CSS Selectors

Watch

Clone

Patreon

Functionality

Images Inside Text Spans in Webflow

Watch

Clone

Functionality

Nth Child CMS Grid

Watch

Clone

patreon, css nth child, unique layouts,

Grid

Scroll Marquee

Watch

Clone

Power-up

Patreon, powerups, power-ups, power ups, marquees, looping, looping text, infinite loop

Marquee

Swiper.js Infinite Scroll

Clone

Scroll

Native Marquees

Watch

Clone

Patreon, Webflow Interactions, Infinite, Infinite Loop, Looping, Infinite Marquee, Slider, Sliding, Native Marquees (Complete Guide)

Marquee

Swiper Controls Background Text

Clone

swiper.js, slider, swiper

Slider

Change Page Color on Scroll

Watch

Clone

Power-up

Patreon, dark mode, light mode, color shift, scroll into view, power-ups, powerups

Scroll

CMS List Sync

Watch

Clone

Power-up

collection, collection item, collection list, cms list, cms item, Power-Up: CMS List Sync in Webflow, class adder, class toggle, class switch, switcher, power-ups, powerups

Functionality

Build Your Own Attribute Solutions

Watch

Clone

attributes, hover, hover states, index, eq, index and eq, index & eq, jquery, repeatable, patreon

Functionality

CMS Next / Prev

Watch

Clone

Power-up

collection, collection item, collection list, cms list, cms item, collection next and previous, next & previous, next / previous, Power-Up: Webflow CMS Next & Previous, power-ups, powerups

Functionality

Randomizer

Watch

Clone

Power-up

sorting, reorganize, reorder, sort order, sorting order, Power-Up: Webflow CMS Randomizer, power-ups, powerups

Functionality

Swap Content on Scroll in Webflow

Clone

Scroll

Advanced Swiper Slider in Webflow

Clone

swiper, swiper.js

Slider

Ultimate CMS Slider for Webflow

Clone

swiper, swiper.js

Slider

Class Naming

Clone

patreon

Process

Sizes & Ratios (Percent)

Watch

patreon

Process

Auto Wrap Layouts

Watch

patreon

Process

Font Styles (PX, REM, EM)

Watch

Clone

patreon

Process

Breaking Past Containers in Webflow

Watch

Clone

Grid

Custom Video Players using Plyr.io (Complete Guide)

Watch

Clone

patreon

Video

Rebuilding Waka-Waka Catalogue

Watch

Clone

live

Hover Interaction

Text Stagger Scroll Animations in Webflow

Watch

Clone

Text Animation

Fluid Typography: Disproportional Scaling

Watch

patreon

Fluid Type

Rebuilding Award Winning Interactions with GSAP

Watch

Clone

live

Multiple Interactions