Discover the best scroll-animation websites created by professional designers. Get inspired and start planning your perfect scroll-animation web design today!

BYQ Supply

Really smooth scroll-based video section that expands to full screen as you scroll. Rounded corners are controlled by variable inside animations (IX2) panel.

Cool sections like this and plenty more on → www.byq.supply

(CLONE) Expanding Scroll Video

Johanna Roussel

JoooStudio is a design studio focused on branding, print, and digital experiences.
The site showcases selected projects built around clarity, strong visual systems, and thoughtful storytelling — combining strategy, typography, illustration, and web design into cohesive brand identities.

JOOOSTUDIO | Johanna Roussel — Multidisciplinary Brand Designer

Kataloop | Lydia Dietsch

The distinctive feature of this website lies in its various scroll effects, which were individually designed and implemented. A dynamic background effect further enhances the overall experience. The hero message is deliberately minimal and conveys a clear statement, while further down the page users can “zoom through” additional information. The website is available in both German and English.

Bridge of Trust

Serhii Zavatyi

PIKSU

Corporate marketing website to showcase expertise and generate leads.

Rational Data

Mario Akpoyibo

Mario's Workspace

Hey everyone,

I'm sharing some views of the first homepage I designed for the MVRDP project, which wasn't used.

I would love to hear your thoughts!

Have a great day! Peace✌️.

MVRDV

nicola romei

An immersive artboard where AI sketches and case studies converge. Brutalist layouts and WebGL depth shape raw experimentation into a distinct visual identity.

Nicola Romei™

Jesse Ermens

JESSE ERMENS

Website for a yearly event campsite. The website features easy UX and clear information in a modern and dynamic design.

De Vierdaagsecamping

A smooth and dynamic design for a recruitment agency. With scroll and GSAP animations and a vacancy database with filtering.

Smoove Recruitment

Creative and dynamic website for GiG Hard Seltzer.

DrinkGiG

A dynamic website with lots of animation, showcasing the energy and professional services of Blendrs People.

Blendrs

An extention of Wizard Events. The website showcases possibilities for helping you realise your dream wedding.

Wizard Weddings

Bureau Breekijzer

Bureau Breekijzer (Agency Plan)

Website for Evidend, an online platform for creating and managing digital shareholder registers for BV’s, STAKs and notaries. The site features a fluid responsive design, complex design elements, and scroll animations for an engaging user experience.

Evidend

PIXYBITS

Bring your Webflow projects to life with Interactive Scale Flow, a smooth, scroll-driven parallax animation. As users scroll, images dynamically scale and shift, creating a sense of depth and motion that captivates attention. Perfect for showcasing portfolios, products, or any visual content, this animation combines elegance with interactivity to make your website feel alive.

PixyMotion - Interactive Scale Flow by PixyBits

Coffee Beanz ☕

Alessandro's Workspace

An immersive Webflow e-commerce experience created for BIZZ, a nicotine chewing gum brand built on transparency and innovation. The website combines cinematic 3D environments, advanced scroll-based interactions, and animated product renderings to transform a traditional online store into a living brand world. Fully custom designed and developed, the experience showcases the product, its ingredients, and its philosophy through motion, depth, and interaction, while delivering a smooth, high-end shopping flow.

BIZZ, Immersive 3D E-Commerce Experience

Bato Web Agency

Bato's Workspace

Design and development of the Universium corporate website, featuring ScrollMagic animations, Swiper sliders, and custom illustrations. The site showcases the agency’s end-to-end expertise: market research, product design, and R&D, presented through a clean visual structure and engaging motion.

Universium

Supasaito

In this lesson, we explore one of the core pillars of Webflow’s GSAP-powered system: the Interaction Settings.

- Repeat
- Runs On
- Conditional Playback

Through four practical, real-world examples, we’ll break down how these settings behave, when to use each one, and how they can dramatically improve both the performance and accessibility of your animations.

You’ll learn how to:

✅ Build a fully responsive infinite marquee using interaction-level Repeat
✅ Create a looping stagger animation triggered on page load
✅ Loop only part of a scroll-triggered sequence using action-level Repeat
✅ Combine Infinite + Back and Forth to build elegant hover micro-interactions
✅ Optimize performance by choosing where interactions run
✅ Improve accessibility with prefers-reduced-motion behavior
✅ Understand the difference between interaction-level and action-level Repeat
✅ Design animations that are more modular, maintainable, and intentional


👉 Watch on YouTube: https://youtu.be/Su_-In44SI0

Mastering GSAP Interactions in Webflow – Part 5: Repeat, Runs On & Conditional Playback Explained

Francesco Castronuovo

Flexy Global

Flexy Global — A full-cycle partner for design&development solutions creating human-centric digital products, including web and mobile applications, SaaS platforms, and branding solutions.
Known for intuitive design, seamless user experiences, and delivering measurable results for startups and enterprise clients worldwide.

102976941

1038319252

gpt-4.1-nano

1070795817

112746687

Get direct access to benefits like unlimited staging sites and more control over roles & permissions

Unlock more for your business with the

1138017326

claude-sonnet-4-5

1186914386

1274323923

140432223

1462086697

1506258256

1567550242

1592612642

1631162196

1714859914

1726628865

1733785607

173927913

1771795565

1863160016

1905118106

1975670756

2025032126

2030598753

Outliant

Hireclix

Refokus

Kinetic

Heco

2144870841

2167006968

2216482092

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2493307210

2546957535

2789269995

285302288

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3022611874

3023147062

3026881092

3070246498

307653616

3079159973

3106924665

3108168977

3112069432

3120801339

3125710258

3151661775

3201643127

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3452464914

3458155273

google/gemini-3-flash-preview

3590523401

3591394191

3669004489

3737116140

3801251705

3844506029

3879263312

Learn best practices for collaborating with clients in Webflow.

Sell your apps on the Webflow Marketplace.

Learn about structuring seats, roles, and permissions in your Workspace

Partner with Webflow to build your business alongside 2M+ creators and developers

Request access for your team to collaborate in a client’s Workspace.

Charge your client for a Site plan directly in Webflow.

Earn more by selling templates on the Marketplace.

Start building your site with AI, a prebuilt template, or from scratch.

Add your team members to start collaborating on sites.

Watch a quick intro to what you can build in Webflow.

3913199261

3934148661

3941255684

3951600357

3956476210

3960693283

3972857978

4063605209

4092855684

4103643638

4144203485

4178901499

4195171643

4206156914

451433404

489463363

504462606

536101258

540515386

612788821

655421556

657188092

660615456

665836192

737109165

772001133

817414265

846847440

879597835

882147072

911514507

938734410

968427424

1013057706

1045828939

104959118

1049811722

1087856901

1088396327

1106275794

1108325183

1131151533

1140906369

1157311889

1157563538

1178238107

1178621510

1193740135

1197475705

1216878544

1227154495

1234765101

1236803103

1238404733

1244315153

1250328847

1252912346

Best Scroll Animation Websites | Free Examples & Designs

Discover Scroll animation websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Scroll animation websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Scroll animation websites
built by the Webflow community