Line25

20 Examples of Creative Slideshows in Web Design

Read the full post

Slideshows are a great way of displaying your featured content in a compact space. The use of Javascript has enabled designers to enhance these slideshows with cool animations and effects. This post rounds up a collection of the most creative slideshows on the web, each one takes the core idea of the slideshow and adds extra elements and features to make it stand out as an inspirational design feature.

Mighty

View the website

View the website

Design By Humans

View the website

View the website

Design Fridge

View the website

View the website

Fuzzco

View the website

View the website

Little Black Dress Society

View the website

View the website

Fi

View the website

View the website

Chris Liden

View the website

View the website

A Different Design

View the website

View the website

One Mighty Roar

View the website

View the website

Team Excellence

View the website

View the website

Tavshan

View the website

View the website

Tobias Bjerrome Ahlin

View the website

View the website

Tracermedia

View the website

View the website

COFA Media

View the website

View the website

McKinney

View the website

View the website

Nosotros

View the website

View the website

Free Association

View the website

View the website

Squared Eye

View the website

View the website

Icon Designer

View the website

View the website

Galan

View the website

View the website

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://realwebdesigns.com Filipe Valente

    The only one I like is Cofa Media the other ones not really sure why you find them so creative

    • http://www.sagi-design.co.il Sagi Shrieber

      Hi man, I think its a matter of personal taste…
      I really like One Mighty Roar.
      I think they made great use of the slider there.
      Chris, if you dont mind, I'd suggest also adding the new nike LP to this collection – http://www.nikebetterworld.com/en
      Where the whole page is one big slider.

    • :)

      You're just sad. :)

  • http://www.nebulasdesign.com Nebulas Website Design Essex

    Some really nice examples, my favourite is http://adifferentdesign.be/ where the background moves as well. Looks very effective.

  • Pushpinder Bagga

    very nice collection… hope we can see some tutorials based on these also… cheers!

  • http://www.rochelledancel.com Rochelle Dancel

    Thank you for this very useful round-up – bookmarked! It's great to see examples in real working contexts.

  • ABDUL JANOO

    grt one awesome

  • http://www.gonzographic.com Gonzo the Great

    Some great examples of jQuery Sliders, I love the one-mighty-roar slider!

    BTW: would like to know what you think of my jQuery Slider:
    http://www.gonzodesign.nl

    Yep, I love jQuery and especially the photo-sliders. Thanks for sharing .., Cheers & Ciao ..

  • http://matthewleak.co.uk Matthew Leak

    Great collection Chris, gonna be using this as a source of inspiration.

  • http://www.buzz-webdesign.co.uk web design hull

    Very nice selection, definitely get some ideas here, thanks for sharing.

  • http://vezign.com cincinnati web design

    Thanks for sharing- great collection.. keep it up :D

    looks like i need to learn jquerry hah

  • http://www.romainlibeau.me Romain

    Another great slideshow : http://www.milky.fr

  • http://gobugz.com Wesley

    I love these sliders, I use something similar on most of my sites. Long live JQuery, the heck with flash

  • http://www.osbornmultimedia.com Dave Osborn

    Loving the one mighty roar example. It's different from the usual slider transitions you see. JQuery is definitely the way forward!

  • http://www.templatesrule.com/ Qaiser

    I couldnt see any slideshow on design by human website. or my browser does not support its script?

  • http://www.pixalwebdesign.com web design

    wow…really impress me….you just like have infinity inspiration…thanks for sharing this…

  • Dz

    Awesome sliders!

    Does someone knows a slider with a pause button ???

    • Dz

      ?

  • http://www.yellowbrickcode.com Tucson Web Design

    Really good list of new types of sliders in use. Always looking for the newest use of galleries

  • http://www.eatablegraphics.com/ Rahul

    I liked sliders but these should not be given more impotance than the overall design.

  • http://www.matlidigital.com Web design

    We are currently used one of left to right jQuery slide show. its best for stylish design. but mostly the slide has consume the page loading time.

  • http://www.dzinepress.com Dzinepress

    really useful resources. thanks for sharing

  • http://www.mojowebdesign.com.au Zeth

    Fuzzco really does it for me.. Nice!! Where do you find stuff like this..

    Good blog

  • http://www.suptra.de webdesign rosenheim

    Thx for this amazing webdesign collection! But it's a little bit overloaded, dude!

  • http://mary.twirp.net mary

    I couldn't get past the list because I'm now addicted to playing SPENT. :P

  • http://www.topoftheburg.com/seo SEO Virginia

    complacent design but need of simple design because simple design these days accept .i agree this design article from .keep it up.thanks for sharing…