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

Timothy Ricks

Scroll Marquee

Harshit Agrawal

Hiii everyone , this is one of my favorite section transition , 
You can keep different colors for different sections easily , 

when u open the project , u will not see any think , make sure to create a temporary combo class ( like temp or tempo ) so that you ca set a background color for the section while designing and when done, you can just remove the temporary class , 

Clone it to make it yours...
Follow me for more amazing stuff....
thanks

Section scroll background transition

Anil Pervaiz

Alternate Column Scrolling in webflow inspired by: https://tympanus.net/Development/ColumnScroll/

This project is only for learning, inspiration and help purpose!

Clone and enjoy!

Alternate Column Scroll Webflow - Cloneable

Swiper.js Infinite Scroll

Vertical Text Infinite Scroll Animation inspired by Brave New Lit Website.

Reference Link: https://www.bravenewlit.xyz/

This project is only for learning, inspiration and help purpose!

Vertical Text Infinite Scroll Animation

Ali Tariq

UPDATE: This project is now mobile responsive AND cloneable! The naming conventions are still a bit of a mess, but I didn't want to hold back on this much longer. And if you want to see the true mobile experience, pls view the site on your phone! For some reason, it doesn't translate as well to resizing the browser.

*** 

I've always liked Framer's landing pages, the latest one being no exception. So I decided to try to recreate it and learn a thing or two.

Even though it's a simple looking page, the act of combing through their details revealed a lot of small polished touches here and there that were actually quite involved (for me anyway!). They use card overlays on top of videos, subtle timed animations, etc.

Framer X Landing Page Clone

RSA Creative Studio

Hello there!
Welcome to Infinite Marquee and Page Scroll Animations!

Elevate your Webflow design with captivating infinite marquee animations, adding dynamic visual movement to your website. Enhance user engagement further with smooth page scroll animations, creating an immersive browsing experience.

Whether you are a startup looking to establish your online presence or an established business seeking a fresh approach, we are here to assist you. Don't hesitate to get in touch. Let's collaborate and create something remarkable together.

Regards,
RSA CreativeStudio
hello@rsacreativestudio.com

Marquees and Page Scroll Animations

Silv Studio

A fun and vibrant e-commerce homepage concept! Cyber Bites is a plant-based snack bar brand.


Want to work with us? Contact us: team@silvstudio.com

Branding concept and assets created by Holly Broome
(https://www.behance.net/hollybroome)

Cyber Bites E-Commerce Store

Mikayla Luna

A cloneable passion project for a social media agency where I used some fun illustrations from Meg Lewis.

✦ 1 Static Page
✦ Built in Client-First
✦ Includes a Style Guide
✦ Fun interactions and animations

✧ Visit my Instagram at ThatWebflowGirl for a walkthrough of this cloneable

✧ Illustrations from Meg Lewis on Playbook.com

notsosubtle

Jonathan Fors

With this technique popping up more and more I decided to learn it myself, and this is the result. Feel free to clone it, sharing is caring!

---
👋 I'm available for work: ForsJonathan.com

Infinite looping horizontal marquee animation

Christina Liubynska

Tired of having to figure out the logo marquee animation on each Weblow project?

Clone this logo marquee into your project and enjoy the benefits of CSS-driven animations:
• Improved site speed → CSS animations are more lightweight and efficient than JavaScript-based animations. 
• Smoother performance → They are handled by the browser's rendering engine, resulting in smoother performance.
• Compatibility → CSS animations are well-supported across modern browsers, ensuring a consistent experience for users.

⚡️ Just clone this project, copy the "logos-marquee" div block, and enjoy.

Infinite Logo Marquee

Sarfaraz Nawaz

Personal portfolio single page with CMS infinite scrolling.

Personal Portfolio

Tinyflow

Webflow Vertical Marquee Slider made with Splide JS by team Tinyflow | Webflow Agency

Features:
1. Infinity Loop
2. Autoplay
3. Pause on hover
4. Speed control via data attribute
5. Direction control via data attribute
6. Vertical Drag

Feel free to clone. Also, feel free to suggest us of any slider that you think we should build next.

Webflow Vertical Marquee Slider

Sam O'Keeffe

Barcelona-based artist Abdel Morched - AKA Habit 701 - contacted me because he wanted to create an immersive online experience that would tell the story of how he got to where he is today.

I used Webflow to create a journey through the cities he's lived in. Each city section allows him to describe his experience and showcase the artwork he created there.

This was a big learning curve for me but also a lot of fun! Let me know what you think :) 

- 

I'm available for freelance work!

This was my first job (started and completed in 2019). I designed & developed the site and custom interactions from scratch, animated the city illustrations into GIFs, designed the logo and shot and edited the portraits.

If you're interested in working together, have any questions or just want to say hello, you can reach me at okeeffesam@gmail.com

Scroll Interaction Portfolio Showcase

Kaleb Dean

The Akimbo Type Foundry Website was designed with discovery in mind. As a speculative type practice, the website functions to deliver a plethora of content types in a unique, even, and surprising way.

Akimbo Type Foundry Website

Melior Development Agency

Here is our Infinite Carousel functionality, a sleek and innovative feature now available for cloning on Webflow. This functionality is designed to enhance user engagement through a continuous, seamless scrolling experience. Perfect for showcasing a series of content like case studies, product listings, or image galleries, the Infinite Carousel ensures an uninterrupted flow of content, looping back to the beginning without any breaks or pauses.

Infinite Carousel

Invoke Design Studio

We are a small Cambridge-based design studio. Our goal is to offer the same expertise of a large agency without the high price tag or formality. Cutting-edge technology and elegant aesthetics are our passion and strength.

AnderAgency

Say goodbye to boring scrolling!

This tutorial teaches you how to implement a smooth and elegant infinite scroll on your Webflow website using the Lenis library. We'll also share a free cloneable template to get you started right away.

Endless Glide! Create Infinite Scroll for Webflow with Lenis

1070795817

1316201488

1316201489

1592612642

1726628865

173927913

1863160016

1905118106

2144870841

2216482092

2339906037

2351366352

2355632600

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

2401116685

2486364096

2546957535

2789269995

2857348505

2903381045

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

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

3023147062

3106924665

3112069432

3258716925

3289310561

3313039722

3315729993

3410497685

3557227276

3590523401

3591394191

3913199261

3934148661

4092855684

4103643638

4206156914

451433404

504462606

622649767

622649768

657188092

665836192

737109165

772001133

882147072

938734410

1004117952

1049811722

105340574

1120744071

1131151533

1157563538

1171384976

1197475705

1197746894

1229056119

1234765101

1236803103

1290849437

1292405251

130043074

1304541205

1306352991

1322655470

1336067073

1350250754

1380896143

1386092744

1406455659

1418395020

1433303746

143629253

1455163268

1455742168

1457420719

1458975701

1499868407

1501922903

1545754914

1557989767

1568482678

1575119218

1662541974

1665126082

1680201874

1680586027

1694411451

1701648875

1753134293

1775656907

183596474

1857805694

187681422

1925696804

1928608458

1944913766

1968719184

2031799369

2084850560

2085494476

2091902242

21336891

214950889

2161096664

216777687

2182233325

2184630439

2187198051

2193997669

2198334698

2224902271

224017973

2253187682

2276264697

23146391

2332153945

2340184165

2348917033

2354820654

2361218180

2378130748

2388854597

2403993584

2458909760

2465149363

2487845889

2494249199

2519229707

2524380347

2526987152

2529408901

2550320370

2605123638

2608516337

2636510003

2663519398

2685146257

2709133931

2714120603

2715927287

2718510159

274817750

2753418190

2759911512

2776696732

2781896974

2825044701

2860045578

2867851366

Best Infinite Scrolling Websites | Free Examples & Designs

Discover Infinite Scrolling websites
built by the Webflow community

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

Discover Infinite Scrolling websites built by the Webflow community

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

Discover Infinite Scrolling websites
built by the Webflow community