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

Slider animation made in Webflow makes design very smooth and fun!

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

A breathtaking slider with ellipse-to-square conversion

Flow Ninja

We've been thru all slider libraries with more than 100+ sites in the past, and in the end decided that the Swiper Library works best for our use-cases. 

Explore 8 slider options to add to your next Webflow project and easily connect them to your CMS. Additionally you won't have duplicate content on your page, as you're connecting Swiper library directly to your Webflow CMS collection.

Swiper Flow Ninja

Webflow CMS Swiper Sliders - Free Cloneable

A dynamic before and after slider that is interactive on desktop and mobile. I did not write the code, but found out how to make it dynamic so clients can update themselves. 

Ideal for before and after images for cleaners, dentists, etc. Anything with a before and after!

Use the header and footer code on the main settings page under Custom code page if you intend to have the element on other pages.

To use on a static website, just replace the dynamic image fields with the image source address.

magicslider

While learning about canvas last year, I took some time to reverse engineer (hack together) this beautiful slider, originally built by the team at ToyFight. The real beauty is in the desktop interaction. 

Some notes:
- Mobile view is using Hammer.JS for the slider
- Images can be updated by changing the attributes found in each <li>. Just replace the current image URL with your own.
- The "View Details" URL's can be updated the same way. 
- You can change "View Details" to say "View Project" by changing the attribute 'data-video' to false. If you want it to say something else, feel free to dive into the code - it's a fairly easy change. 

Credit: The ToyFight Team!

Canvas Slider

A CMS splide slider for your team, or anything you want.

Team splide cms slider

team-splide-cms-slider

Expanding Team Slider

Here's a short 7 step tutorial on how to have a dynamic slider.

The amount of slides is determined by the amount of images added to the Multi-Image field in Collections. 

I hope this will accomplish the experience you were missing.

Feel free to ask me if you having trouble here:
https://forum.webflow.com/t/tutorial-create-a-dynamic-multi-image-slider/131059

Tutorial - Dynamic Slider - Multi Image

Tutorial - Dynamic Multi-Image Slider

A dynamic team grid with a modal slide-in and bio for each member.

CMS Team Slide In

CMS Team Slide In Modal

This site shows how to connect a CMS multi image field to a slider using custom code.

CMS Slider Demo

CMS Multi-Image Slider Demo

This is my first Webflow project to develop and launch. Done from scratch without using any theme. 

Hero slider is connected to a collection list. 
On the Our Client Service page, there's a customized tab block.
Team page has pop-ups for team member's bio also connected to a collection list.

Discover team slider websites built by the Webflow community

Discover team slider websites built by the Webflow community