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

Robin Granqvist

This cool image grid scroll section is part of our interactive layout library for Webflow - The Blueprint.

Check it out on Gumroad - https://waveshape.gumroad.com/l/the-blueprint

Feel free to clone and use for some cool stuff :)

The Blueprint - Content 07

Saddle

A Netherlands-based visual content agency specializing in motion, animation, and storytelling—they elevate big ideas into immersive visual narratives. We supported Tiny Giants with strategy, wireframing, UX/UI design, and Webflow development—spending extra effort on motion design to craft a seamless, smooth browsing experience that brings their dynamic brand to life.

Tiny Giants

Jonas Arleth

In this tutorial, you'll learn how to animate a futuristic, AI-inspired interface using the new Webflow GSAP interactions.

We’ll create the illusion of a "living mind" with a glowing, morphing, reactive centerpiece that feels intelligent and alive.

Whether you're a Webflow designer, creative coder, or motion enthusiast, this step-by-step guide will show you how to combine:

• Organic glow and plasma effects
• Morphing shapes with the new Webflow GSAP animation tool
• Create ultra gradients directly in Webflow without SVG Shapes
• AI-inspired motion design
• Smooth, responsive UI interactions

Bring your interface to life visually and conceptually. Perfect for anyone looking to push Webflow beyond static design.

NOVA – Mars Exploration (New GSAP Animations)

7Span

What if you could trap air pollution before it hits your lungs?

That’s exactly what Smog Zero is doing - reinventing performance wear with built-in filtration tech for those who live and move through polluted cityscapes.

To match the innovation behind the product, we crafted a modern, responsive website with the use of Webflow and animated it with GSAP that feels as light and purposeful as the gear itself. From defining the brand to development all from the ground up - our team shaped the entire digital journey.

Smog Zero

Ben Hutchison

Website built for Melbourne based Content Production House Instant Crush

Instant Crush

Ognjen Jovković

Ognjen's Workspace

I built the personal portfolio website for Tamara Mandic in Webflow, with a focus on elegant visual storytelling and minimalistic design. The site highlights her work in styling and creative direction through immersive imagery, subtle animations, and a clean layout that keeps the content in focus. The development process included creating a fully responsive design, optimizing performance, and ensuring that the aesthetic aligns with Tamara’s unique artistic identity.

Tamara Mandić Portfolio

Bearplus

Panic Bear

We collaborated with Silana, a pioneering robotics company based in Vienna that has developed the world’s first robot capable of automating the entire garment sewing process—from fabric roll to finished product—without any human intervention.

Our goal was to craft a website that clearly communicates high-tech innovation, sustainable manufacturing, and industrial precision, while remaining accessible to both technical industry partners and brand stakeholders.

Silana - Fully Automated Fashion Production

Mao Barros

A brand with premium products for cats, from the major brazilian pet brand – Petlove.

Meau

Arkadiusz Palki

One of my first Webflow builds — a website for a garage manufacturer specializing in steel garages and gates. The goal was to stand out from a market full of cluttered, colorful sites. We went in a different direction: clean, monochrome, minimal.

Despite limited experience, I focused on clear structure, strong visuals, and small moments of delight — like interactive scroll effects, animated garage doors, and a smartphone-triggered interaction. A big challenge was to highlight the range of options (gates, colors, features) in a simple but engaging way.

I also designed and built a garage configurator — quite a task back then without AI or advanced tools. From UX to UI to logic implementation, it was a full-stack design problem. Looking back, I’d build it better now, but for its time, I’m still proud of how it turned out.

Note: Older project – built during my early Webflow learning phase.

JAN-STAL - Garage Manufacturer Website

Serhii Zavatyi

SERJFD

Credits: This project was made in collaboration with Grona.Tech.

Design fully done by Grona.Tech.

Development fully done by Serhii Zavatyi.

Reavuu - The future of real estate

Mahmoud Abdelaziz

Nothing Phone – Landing Page
This landing page showcases a sleek and modern presentation of the Nothing Phone, featuring smooth scroll-based sticky animations, Lottie integration, and an image framed with hover-over animation. The image responds to user interaction with custom filter effects, enhancing the visual experience and emphasizing the phone’s unique design. The page combines motion and minimalism to reflect the product's identity and capture user attention effectively.

Copy of nothing Phone landing page

A training project for designing and developing a luxury-inspired Rolex website using Figma and Webflow. The project served as an opportunity to explore 3D effects through Spline integration in Webflow, featuring an interactive 3D Rolex watch model with smooth animations. The design combines elegance and motion to create a high-end, immersive user experience that reflects the premium essence of the Rolex brand.

Copy of Rolex Website

Veza Digital

Very Good Ventures (VGV) x Flutter had a landing page built for promotional purposes for a significant racing event. (Veza will do a complete redesign later this year). The team designed a very complex landing page with modern animations and assets. The team also helped the VGV team conduct stress testing, as we needed to ensure that the page would survive the surge if their car won the race.

Very Good Ventures

Minimal in style, rich in flexibility. The Blueprint is your go-to Webflow library for building modern websites. Save hundreds of hours by combining interactive components and clean layouts to create polished pages that feel custom — without starting from scratch.

The library currently consists of 90+ layout components and 65+ UI components, all carefully crafted and ready to be used in your Webflow projects.

Get it on Gumroad - https://waveshape.gumroad.com/l/the-blueprint

The Blueprint by Waveshape

The 10:th content section of our interactive layout library - The Blueprint. Check it out on Gumroad - https://waveshape.gumroad.com/l/the-blueprint

Feel free to clone and use for some cool stuff.

The Blueprint - Content 10

Octane House

Octane Base

The Ultimate Fan Experience (UFE) was created for UFC fighter Nico Price as part of the launch of his NFT collection. This collection offered fans exclusive access to unique experiences, bringing them closer to the fighter and the world of UFC.

We were tasked with designing and developing the website for the launch, crafting a platform that showcased the NFT collection and its benefits while enhancing fan engagement.

UFE | The Ultimate Fight Experience

Claudia Nathan

Branding, visual identity, web design and development by me for Upstart Investments, 2025.

Upstart Investments

Nicolas

Spline scene, new Webflow GSAP, and scroll animations.

SURELLA - Restaurant (Spline Scene)

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

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

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

285302288

2857348505

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

3106924665

3112069432

3120801339

3151661775

3201643127

3202722884

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

3956476210

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1045828939

1049811722

1058798965

1087856901

1120744071

1131151533

1157563538

1178621510

1197475705

1209008581

1216878544

1227154495

1229056119

1234765101

1236803103

1250328847

1259889605

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1337084289

1350250754

1365408040

1380896143

1406455659

1418395020

1433303746

143629253

1440816657

1449062533

1455163268

1455742168

1458975701

146940023

147086462

1471203893

1475952185

1483622682

1490715908

1499868407

1501922903

1530015515

1534768148

1545754914

1568482678

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

1710623805

1733571395

1734645173

1752293186

1753134293

175490803

1762715110

1764382991

1803820771

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