Learn
Free, practical lessons on Webflow, GSAP, and the tools I use every day — each one paired with a video and a cloneable you can make your own.
Courses
- Beginner
Webflow Crash Course 2026
Learn Webflow by building a real, responsive SaaS landing page from scratch — sections, classes, Flexbox and grid, components, the CMS, fluid typography, and mobile navigation.
- Intermediate
Mastering Native Webflow
Go beyond the basics of native Webflow — how classes really work, CSS positioning, Flexbox layout patterns, fluid hover effects, and pro workflow tricks. No plugins.
- Intermediate
Mastering GSAP Interactions in Webflow
A from-scratch series on Webflow's GSAP-powered interactions — from triggers, actions, and the horizontal timeline to accessible popups, scroll effects, and CMS-driven animations.
- Intermediate
Rebuilding Webflow's Navbar & Mega Menu
Rebuild Webflow's own navbar and mega menu from scratch — a fluid, accessible desktop structure, a responsive mobile menu with scroll lock, and full-width mega menus.
- Intermediate
Creative Animations & Layouts in Webflow
A hands-on tour of creative Webflow motion — scroll animations, staggered text reveals, 3D card interactions, draggable galleries, and a CMS-driven 3D slider.
- Advanced
Award-Winning Website Animations in Webflow
Rebuild the kind of animations you see on Awwwards-level sites — a CMS-driven image-stacking hover effect and a polished while-scrolling sequence, in Webflow.
- Intermediate
Webflow Advanced No-Code Systems
Real, reusable systems built without writing code — configurable video popups, auto-opening dropdowns, accessible breadcrumbs, draggable galleries, and interactive backgrounds you drop in and tune.
- Intermediate
Webflow Attribute-Powered Solutions
A toolkit of Webflow effects you control entirely through custom attributes — configure the behavior in the Designer, with no JavaScript to write or edit.
- Intermediate
GSAP Animations & Integrations in Webflow
Standalone GSAP effects you can drop into any Webflow project — staggered reveals, draggable cards, an image sequence on scroll, a disintegration effect, and SVG-filter set pieces.
- Advanced
SVG Filter Effects in Webflow
Recreate Apple-style glass, refraction, and light effects in Webflow with SVG filters — displacement maps, turbulence, and blur, all no-code and pasted once.
- Beginner
Webflow Explained
The concepts behind Webflow — classes, positioning, flexbox, CMS structure, variables, and more — explained plainly so the tools finally make sense.
- Beginner
Webflow Quick Wins
Short, high-impact Webflow techniques you can add in minutes — hover underlines, masonry and grid layouts, scroll control, landscape testing, and more.
Latest lessons
-
Intermediate Interactive Glass Lens Video Distortion in Webflow
Turn your cursor into a virtual glass lens over a hero video in Webflow — a GPU-powered chromatic distortion effect you set up with a few custom attributes.
-
Advanced Responsive Staggered Scroll Animation in Webflow
Build a responsive staggered scroll animation in Webflow: cards fade and slide in row by row, with the stagger adapting to the column count at every breakpoint.
-
Advanced Build a 3D CMS Cube Gallery on Scroll in Webflow
Build a scroll-driven 3D cube gallery in Webflow from CMS data — cross-fading images, split text, and a cube rotating through space with 3D transforms and GSAP.
-
Intermediate Growing Border Hover Animation in Webflow (CSS + GSAP)
Build a growing circular border on hover in Webflow with a conic-gradient and an animatable @property; GSAP just toggles a class while CSS does the animation.
-
Advanced CMS Grow & Scatter Grid Animation in Webflow
Build a CMS grow-and-scatter gallery in Webflow: images stagger from the center then settle into a responsive grid, driven by one variable, CSS math, and GSAP.
-
Advanced Accessible CMS Sidebar in Webflow (Scroll Lock + Focus Trap)
Build a CMS-powered sidebar in Webflow with GSAP — per-card content, slide-in, scroll lock, outside-click close, and a real focus trap for keyboard users.