Sliders

This section contains agency-quality web design tutorials as they relate to various implementations of slider functionality on websites.

Web Design Sliders

How to Add Icon Boxes to Your Homepage Slider

Spice up your website's branding cohesion with simple icon boxes with a homepage slider.

Scott Madara

Web Design Sliders

Creating a Featured Content Slider with Slick Slider

Content sliders can provide an engaging visual way to showcase your website's unique content. Here's how to use Slick Slider to make a creative content slider.

Scott Madara

Web Design Sliders

Add Text Transitions to Your Hero Sliders

Spice up your hero carousel sliders by adding text transitions.

Scott Madara

Sliders Web Design

Adding a Realtime News Slider to Your Web Design Project

Using Slick Slider, we can add slider capabilities to a standard news module so your users can easily browse your most recent content

Scott Madara

Sliders Web Design

Adding a Customer Quote Slider using jQuery

In this article, you will learn how to add a slider of customer quotes to your website.

Matthieu McClintock

Web Design Sliders

Adding a Popup Slider to Your Website

Popup sliders combine the best elements of each namesake. Information is overlayed on top of your body content, thus preserving crucial space within your design.

Scott Madara

Web Design Sliders

Creating an Action Grid Slider on your Website

Using Bootstrap and Slick Slider, you can customize your own action grid slider that provides immediate access to these popular links and helps facilitate engagement.

Matthieu McClintock

Web Design Sliders

Creating a Company Stats Slider for your Website

A slider displaying company stats can be a game changer in converting site visitors if implemented correctly...

Scott Madara

Web Design Sliders

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 or organization online...

Matthieu McClintock

Web Design Sliders

Crafting a Hero Slider with sliderPro.js

This tutorial will show you how to craft an elegant slider for your website using sliderPro.js.

Matthieu McClintock

Web Design Sliders

Build a Hero Slider with Javascript and jQuery

Learn how to build a slider with just JavaScript and jQuery.

Scott Madara

Web Design Sliders

Add a Showcase Slider to your Website

This article teaches you how to add a showcase slider to your website using FlexSlider.

Scott Madara

Web Design Sliders

Adding a Hero Slider to your Website

In Part I of our FlexSlider Series, we provide you with the code you need to easily add a hero slider to your website using FlexSlider.

Elena Roig

Web Design Sliders

Designing a Customer Logo Carousel with Solodev

Nothing shows potential customers your credibility more than a stream of company logos sliding across your homepage...

Scott Madara

Web Design Sliders

Lazy Loading Images using Slick Slider

In Part 4 of our Slick Slider Series, we will show you how to lazy load your slider images...

Scott Madara

Web Design Sliders

Adding Animation to your Hero Slider

In Part III of our Slick Slider Series, we will show you how to add animation to your Hero Slider using animate.css by Daniel Eden.

Matthieu McClintock

Web Design Sliders

Adding a Hero Slider to your Homepage Using Slick Slider

An effective homepage slider provides users with the most valuable content on your site aligned with your goals and prompts them to take action. In Part I of our Slick Slider Series, we provide you with the code you need to easily add a hero slider to your homepage using the robust and mobile responsive Slick Slider by Ken Wheeler.

Matthieu McClintock

Sliders

How to Add Icon Boxes to Your Homepage Slider

Creating a Featured Content Slider with Slick Slider

Add Text Transitions to Your Hero Sliders

Adding a Realtime News Slider to Your Web Design Project

Adding a Customer Quote Slider using jQuery

Top Five Slider Implementations for your Website

Adding a Popup Slider to Your Website

Creating an Action Grid Slider on your Website

Creating a Company Stats Slider for your Website

Adding an Infinite Client Logo Carousel to your Website

Crafting a Hero Slider with sliderPro.js

Build a Hero Slider with Javascript and jQuery

Add a Showcase Slider to your Website

Adding a Hero Slider to your Website

Designing a Customer Logo Carousel with Solodev

Lazy Loading Images using Slick Slider

Adding Animation to your Hero Slider

Adding a Hero Slider to your Homepage Using Slick Slider

Home

Product

Product

Editions

Explore

Get Help

Home

Product

Sliders

Get started today