November 22, 2020

21 Fantastic Examples of Sliders in Web Design

Sliders are an excellent way to organize and highlight important content on a site. They can also be used to display a good amount of content within a limited amount of screen real estate. The most popular way to add a slider or slideshow to a website is still jQuery, which seems to have a new plugin released every day. In order to give you some inspiration, we’ve gathered 21 very good examples of how sliders are being used today.

Hufton + Crow

Image Sliders in Web Design

Pure Pleasure Design

Image Sliders in Web Design

Atelier

Image Sliders in Web Design

rdio

Image Sliders in Web Design

Olly Sorsby

Image Sliders in Web Design

Studio Chirpy

Image Sliders in Web Design

Aveillant

Image Sliders in Web Design

Level

Image Sliders in Web Design

Planoform

Image Sliders in Web Design

The Kitchen

Image Sliders in Web Design

x-doria

Image Sliders in Web Design

The Barrelhouse Flat

Image Sliders in Web Design

Exsud Creative

Image Sliders in Web Design

Ludlow Kingsley

Image Sliders in Web Design

Indesit

Image Sliders in Web Design

Regent College

Image Sliders in Web Design

Doberman

Image Sliders in Web Design

Ghost Horses

Image Sliders in Web Design

Golla

Image Sliders in Web Design

neve / hawk

Image Sliders in Web Design

It’s Numbered

Image Sliders in Web Design

The Best Designs
CSS Design Awards

Share

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

14 Comments

  1. Jeff Reply

    There wasn’t anything really special about most of the sliders. I would agree that most of the pages are well designed websites, but for the most part the sliders are fairly normal.

  2. desgr.com Reply

    I love the rdio example! I’ve been going back to their site over the past few weeks just for inspiration. Love the ‘Doberman’ one too, except I find the arrow placement in the top right corner is counter-intuitive.

    Great post!

  3. Paul Weston Reply

    Thought this was a interesting article with some great examples of slideshows. If done right a slideshow can really give a site that wow factor and make it stand out form the rest. From the collection the site that stood out for me was x-doria. I love how the slideshow stretches across the whole page and has a really smooth transition adding extra graphics. There are some great examples here and this article will be great inspiration for me when I am working on future projects

  4. Darren @ 123 Web Reply

    Nice sites – and I am a fan of sliders – they enable you to present multiple points of information in limited screen space.

    As long as the on-screen movement enhances the site, and doesn’t detract from the goals of that site, then I say use ’em.

    I like Golla – but I needed to click on the arrows to make it move…maybe it should be scrolling on auto.

    Many Thanks,
    Darren.

  5. ADX Reply

    Thanks for some of the inspirational design ideas as I am looking to create some new WordPress sliders as have been stuck coming up with ideas.

Leave a Reply

Your email address will not be published. Required fields are marked *