Learn

Courses

• Webflow, From Scratch

  Beginner
  Course · 9 lessons

  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.

• Native, Mastered

  Intermediate
  Course · 15 lessons

  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.

• GSAP, Mastered

  Intermediate
  Course · 15 lessons

  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.

• Rebuild the Real Thing

  Intermediate
  Course · 4 lessons

  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.

• Motion, Crafted

  Intermediate
  Course · 25 lessons

  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.

• Award-Worthy

  Advanced
  Course · 2 lessons

  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.

• No-Code Systems

  Intermediate
  Course · 16 lessons

  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.

• Powered by Attributes

  Intermediate
  Course · 15 lessons

  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.

• GSAP, Applied

  Intermediate
  Course · 8 lessons

  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.

• Bend the Light

  Advanced
  Course · 3 lessons

  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.

• The Why Behind It

  Beginner
  Course · 11 lessons

  Webflow Explained

  The concepts behind Webflow — classes, positioning, flexbox, CMS structure, variables, and more — explained plainly so the tools finally make sense.

• Fast Wins

  Beginner
  Course · 6 lessons

  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.

Knowledge base

The same material, reorganised by concept instead of by video — built for looking one thing up, and for AI assistants to cite correctly.

• Knowledge base GSAP in Webflow Every GSAP technique from the lessons, indexed by concept instead of by video: what each setting does, how to build the common effects, and why things break. Every identifier checked against the real cloneable, so it never invents an attribute name. 36 pages · English

• Intermediate
  Jun 20, 2026

  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
  Jun 12, 2026

  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
  Jun 1, 2026

  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
  May 24, 2026

  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
  May 14, 2026

  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
  May 2, 2026

  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.