Find exactly the tutorial you need.

Learn how to build a collage of images that zooms in or out as the user scrolls — a great effect for portfolio and case study pages.

A splitscreen portfolio layout where text scrolls on the left while sticky project images stay fixed on the right — clean and impressive.

Webflow is one of the best tools for building portfolio websites. Here are ten outstanding examples to inspire your next personal site.

Learn how to embed a Lottie animation in Webflow and trigger it from a hamburger icon in your navigation — step by step.

Make confetti explode on your website with this JavaScript snippet — easy to integrate into any Webflow project.

Learn how to easily add open-source icons to your Webflow project via Google Fonts — no SVG uploads or icon font plugins needed.

See how to create a repeating background pattern that moves in a kaleidoscope style in Webflow — a unique generative art effect.

Show or hide your Webflow header depending on scroll position — keeps the hero area clean and distraction-free on page load.

Learn how to smoothly transition background colors on scroll in Webflow — great for creating mood shifts across sections.

Learn how to migrate an existing blog to Webflow using a CSV import — including tips for handling large datasets and redirects.

Build a two-column FAQ list with CMS content in Webflow, complete with an animated Lottie icon that toggles open and closed.

A clever button effect using two text elements — on hover, the visible text slides out and a second version slides in for a polished result.

Step-by-step guide to animating a border on a dropdown element in Webflow — a subtle but polished interaction detail.

Learn how to animate a headline or logo text along the scroll path in Webflow — a subtle effect that adds elegance to any page.

Learn how to add a magnetic hover effect to any element in Webflow — buttons and icons that subtly follow the cursor.

Learn how to customize the standard Webflow navigation and add a fullscreen animated overlay menu — fully responsive.

Two ways to swap button or link text on hover in Webflow — a simple trick that adds an interactive, anticipatory feel to your CTAs.

Build a magazine-style grid layout in Webflow — fully responsive and adapted to the Webflow grid system, step by step.

Build and animate a custom popup window in Webflow that opens on click — fully responsive and easy to integrate into any project.

A tutorial showing how to build a custom navigation with a mega menu dropdown directly in Webflow — no plugins needed.

Upgrade the native Webflow slider component with a custom gallery animation in just a few steps — no extra tools needed.