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

Finsweet

The Finsweet Components app was used to create this slider. With Finsweet Components, you can build visually stunning CMS sliders.

Finsweet Components - Product Slider

Finsweet Components - Sneaker Slider

Flowstorm

CMS Swiper Slider 

Slider is suitable for blog post lists, projects, etc. 

This slider enhances user experience by indicating the end of the scroll with clear next and previous navigation buttons. It also includes fraction text, letting users know how many slides are left to view.

Need assistance with implementation? 

Feel free to reach out at hello@flowstorm.co or visit: https://flowstorm.co/

CMS Swiper Slider

Knut P

Music label front page. all assets are not mine

Music label frontpage

Pedro Paranhos

Change prefixes and variations of a word using CMS Slider.

Each variation has a different color.

The toggle switch inverts background and foreground colors.

You will also find the custom code for the audio play button (working on Android and iOS).

Word and color variations with vertical full-screen CMS Slider

Supasaito

Demo project for Swiper setup made by Supasaito. Autoplay, current slide autoplay time indicator, pause/resume/play and stop on interaction function. This demo includes several versions: single slider, multiple sliders on the same page, CMS powered slider.

Swiper by Supasaito

Karina Slizova

Slider scale on click and each item has a lightbox with a video
On hover content appears
Cms possible with Finsweet solution

Webflow Slider with scale animation and hover effect with video - CMS possible free clonable

TooEasy

Rebuild of a slider component from store.google.com. 

Install the TooEasy Powerups Webflow App to unlock full slider functionality and gain access to other solutions such as custom lightboxes, smart video embeds, dynamic clocks, interactive carousels, sharing integrations and more.

Google Slider Rebuild | TooEasy Sliders

Arthur Vu

Script to automatically uniform slide heights in Webflow sliders. Works with both standard sliders and Finsweet CMS sliders. 

No need to set a fixed pixel height that would require manual adjustments whenever content changes.

How to use:

1. Add the data-slider attribute to your sliders
2. The script will automatically uniform slide heights based on the tallest one
3. Responsive and dynamic content friendly

Perfect to avoid height jumps between slides and keep smooth transitions.

Slider / Auto-height

Ailín James Tobin

​The Apple CMS Slider with VisualDX is a Webflow cloneable project that showcases a dynamic, CMS-driven slider integrated with the VisualDX JavaScript library. This setup allows for seamless synchronization between Webflow's CMS content and the slider component, enabling automatic updates as CMS items change. The slider is designed to be responsive and customizable, making it suitable for various types of content presentations.

Apple CMS slider with VisualDX

Daniel Eliseev

The JL Cosmetics website was created to establish a professional online presence for a skincare expert without a prior website. It presents the brand’s products and treatments in a modern, mobile-friendly store with a localized Hebrew checkout and PayPal integration — making it easy for customers to discover and purchase online.

Julia Lib Cosmetics

Tilipman Digital

Learn how to create static, semi-dynamic, and dynamic sliders using Webflow's native slider component. This tutorial covers everything from basic setups to advanced CMS integrations with Finsweet attributes.

📖 Read the full article: https://www.tilipmandigital.com/resource-center/webflow-development-guides/webflow-native-slider-tutorial
💻 Need expert help? Explore our Webflow Development Services: https://www.tilipmandigital.com/webflow-development-agency

Don’t forget to like and subscribe for more Webflow tips!

Webflow Sliders

Rebuild of a slider component from store.google.com using TooEasy Sliders.

Install the TooEasy Powerups Webflow App to unlock full slider functionality and gain access to other solutions such as custom lightboxes, smart video embeds, dynamic clocks, interactive carousels, sharing integrations and more.

https://www.tooeasy.dev/powerup/sliders

Google Slider Rebuild #2 | TooEasy Sliders

Rebuild of a slider found on apple.com/logic-pro

Install the TooEasy Powerups Webflow App to unlock full slider functionality and gain access to other solutions such as custom lightboxes, smart video embeds, dynamic clocks, interactive carousels, sharing integrations and more.

Webflow App
https://webflow.com/apps/detail/tooeasy-powerups

Documentation
https://www.tooeasy.dev/powerup-docs/sliders

Apple Slider | TooEasy Sliders

Rishabh Rai

A visually engaging Webflow project featuring a smooth, interactive background carousel effect. This design uses SwiperJS for seamless transitions and a dynamic user experience. Key features include:

🌈 Smooth transitions between vibrant background images.
⚙️ Customizable settings for flexible control over the carousel behavior.
📱 Optimized for responsiveness, ensuring a seamless experience on all devices.
✨ Interactive design, ideal for creating engaging landing pages or sections.
🔧 Built with SwiperJS for reliable, performance-oriented carousel functionality.

Dynamic Background Carousel Effect

Skylar Studio

Ankita's Workspace

Skylar Studio partnered with Metadome, a leading AR/VR SaaS company, to build a dynamic website using Webflow. 

We focused on extensive CMS development, utilizing Finsweet attributes for filtering, sorting, and custom sliders to enhance user experience. 

The site features Vimeo integration for showcasing immersive content and HubSpot integration for streamlined lead capture. 

We also implemented interactive Splide slides to boost engagement. 

Our Webflow development delivered a responsive, SEO-friendly platform that effectively showcases Metadome's innovative AR/VR solutions, driving conversions and customer engagement with immersive experiences.

Metadome - Webflow Development for Leading AR/VR SaaS Platform

The CMS Slider with Mouse Drag Interaction is a sleek and interactive Webflow project designed to showcase dynamic content in an engaging and user-friendly way. This slider leverages Webflow's CMS capabilities to dynamically populate content while offering a smooth, intuitive drag-and-swipe functionality for seamless navigation.

CMS Slider

Sava Jovic

Portfolio Projects

Infinite CMS Slider, made with JavaScript code. Pretty easy to use, just add new CMS item, and assign picture to it. 

When hovering on image, it picks most frequent color from picture, and changes background color to it. 🎨

Cool way to present some picture gallery, or product images!~ ✨

Magnifier CMS Infinity Slider

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

1813965765

1823392055

1826978162

1831431323

183596474

Best Cms Slider Websites | Free Examples & Designs

Discover Cms Slider websites
built by the Webflow community

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

Discover Cms Slider websites built by the Webflow community

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

Discover Cms Slider websites
built by the Webflow community