Skip to Content

Top Five Slider Implementations for your Website


This post features the five most popular tutorials on adding different iterations of sliders to your website.

Adding a Hero Slider to your Homepage Using Slick Slider

Adding a Hero Slider to your Homepage Using Slick Slider

Slick Slider is a widely-used and extremely powerful mobile responsive slider with a breadth of custom configurations, wide range of uses, and robust functionality based on the goals for your website. In Part I of our Slick Slider Series, we will walk you through using Slick Slider to add a hero slider to your homepage using HTML as well as a Solodev Shortcode.

Learn More


Adding an Infinite Client Logo Carousel to your Website

Adding an Infinite Client Logo Carousel to your Website

Showing off your roster of clients is one of the best ways to establish your credibility as a business online. In this article, we show you how to add a carousel of your client's logos to your website using Slick Slider by Ken Wheeler. The end result will be a mobile responsive showcase of an infinite loop of client logos in a modern and stylish manner.

Learn More


Creating a Company Stats Slider for your Website

Creating a Company Stats Slider for your Website

Companies have a difficult time showing off their success to potential customers, particularly on the web. A slider displaying company stats can be a game changer in converting site visitors if implemented correctly. Depending on the product or service you provide, a slider displaying your company statistics may be more effective than a slider displaying images with text overlays.

Learn More


Adding Animation to your Hero Slider

Adding Animation to your Hero Slider

In this article, we will show you how to add animation to your Hero Slider using animate.css by Daniel Eden. CSS has become more powerful than ever and the plugins that have been created as a result enable you to add interactivity to your website like never before. This article will show you how to add animation to your Hero Slider using animate.css

Learn More


Adding a Showcase Slider to your Website

Adding a Showcase Slider to your Website

A showcase slider displays the "best of" your content to users with a powerful, responsive slider. In this tutorial, we provide you with the code you need to add a showcase slider to your homepage using the fully responsive jQuery toolkit FlexSlider by WooThemes.

Learn More


Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev