21 Fantastic Examples of Sliders in Web Design

By / May 14, 2012 / Inspiration
shares

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

About the Author

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

13 Comments

  1. aledesign.it
    May 14, 2012

    Very nice examples…Good design..more inspirations…is a paradise this! Thanks for sharing

    Reply
  2. Hisman
    May 14, 2012

    Thanks,,I like the examples that use slider for big images..

    Reply
  3. Ryan
    May 14, 2012

    I still prefer a slider that I built over many of the ones displayed. I do like how these are incorporated into the page.

    I built one that can be viewed here in use: http://creativewildcat.com/photography/ or on my homepage in another context.

    It can be downloaded for free at http://modules.creativewildcat.com/sliders/multi-content/

    I enjoy these types of articles that showcase great sites!

    Reply
  4. SentConcepts
    May 15, 2012

    I like me some sliders. Good inspiration

    Reply
  5. Jeff
    May 15, 2012

    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.

    Reply
  6. desgr.com
    May 16, 2012

    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!

    Reply
  7. Paul Weston
    May 18, 2012

    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

    Reply
  8. Aftab Ahmad
    May 18, 2012

    A couple of these are really nice.
    Check out the slider I build for a client:

    http://www.novo-int.com

    Reply
    • Simon Fletcher
      May 24, 2012

      I have got to admit that slider is pretty cool.

      Reply
      • Simon Fletcher
        May 24, 2012

        However there is an issue in Internet Explorer. I wouldn’t anything less from IE though.

        Reply
    • Ashley Blyth
      August 1, 2012

      @Aftab Ahmad, that is a really cool slider. You’ve taken a great, frequently used feature and added a unique twist to it! Nice work, and thanks for sharing.

      Reply
  9. Baron
    June 10, 2012

    Thanks for this post!
    There’s some very nice things here.
    Atelier is so complex with form from everywhere.

    So Creativ.
    :)

    Reply
  10. Darren @ 123 Web
    June 13, 2012

    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.

    Reply

Leave a Reply