55 Inspiring Examples of Slideshows in Web Design

By / May 10, 2010 / Inspiration
shares

A website can hold lots of information, so a big issue is making sure the most important information gets the attention it needs. A good solution to this is using a slideshow on the home page to highlight featured content. What makes the slideshow so great is its ability show several pieces of content within a limited amount of space. Also, transitions and movement are a great way to get the users attention and get them engaged.

Slideshows and content sliders have really become a popular trend lately in web design thanks to solutions like jQuery that make it relatively easy to add such interactions. A while back, we even posted a collection of jQuery slider scripts and tutorials to help you get started. So now we’re showing you 55 examples of slideshows in web design to inspire you.

Osmond Interactive

webslideshows01

James Lai Creative

webslideshows02

open source design network

webslideshows03

Graphik

webslideshows04

Deluge Studios

webslideshows05

sprinkle penny

webslideshows06

Routes

webslideshows07

Melatonin

webslideshows08

zuno

webslideshows09

Radium

webslideshows10

paramoreredd

webslideshows11

Verdeo

webslideshows12

Tea Round

webslideshows13

Nosotros

webslideshows14

Brooklyn Fare

webslideshows15

Viget Labs

webslideshows16

zcope

webslideshows17

Syncopy

webslideshows18

hipstamatic

webslideshows19

copimaj

webslideshows20

mint

webslideshows21

SlideDeck

webslideshows22

launchmind.com

webslideshows23

Jumsoft

webslideshows24

NCover

webslideshows25

valen

webslideshows26

glue

webslideshows27

MacPaw

webslideshows28

Hwo Architects

webslideshows29

Espresso Apartments

webslideshows30

Sven Prim

webslideshows31

Malcolm Reading

webslideshows32

HyperX Local

webslideshows33

thrudigital

webslideshows34

hellothemes

webslideshows35

eighty8four

webslideshows36

CakePHP

webslideshows37

wufoo

webslideshows38

violet

webslideshows39

Things That Are Brown

webslideshows40

etonDIGITAL

webslideshows41

Icon Resource

webslideshows42

winestore.

webslideshows43

mimeo

webslideshows44

Squared Eye

webslideshows45

Designbits

webslideshows46

kollektivdreinull

webslideshows47

Digital Convulsions

webslideshows48

atebits

webslideshows49

envero

webslideshows50

agnarson

webslideshows51

boerdam

webslideshows52

fullfat

webslideshows53

marcsdesign

webslideshows54

Sketchen

webslideshows55

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

34 Comments

  1. Safi
    May 10, 2010

    Great collection
    thanks

    Reply
  2. BooshMedia
    May 10, 2010

    Great list, very inspiring :)

    Reply
  3. Rob T
    May 10, 2010

    These slideshows look great and really fit in with the designs. This is a great alternative to flash!

    Reply
  4. Estevão Mascarenhas
    May 10, 2010

    Great selection!

    Tip:
    http://www.metalabdesign.com
    They have a nice slideshow too. :)

    Reply
  5. papayashake
    May 10, 2010

    Awesome collection… truly inspiring, wow !!!!

    Reply
  6. Phil Franks
    May 10, 2010

    Great showcase & inspiration! You should also check out http://www.ccad.edu and specifically the homepage slideshow, pretty cool!

    Reply
  7. CSSReX
    May 10, 2010

    That is simply Awsome :) I love it

    Reply
  8. Jan
    May 10, 2010

    It’s a great list for inspiration. Thank you!

    Reply
  9. R762mm
    May 10, 2010

    Is it just me or are there a lot of iPhone App websites in this list? o.O Nice article, btw!

    Reply
  10. Theo
    May 10, 2010

    Great inspiration source, all very nice ! CakePHP is my favourite

    Reply
  11. Rachel
    May 10, 2010

    Great collection…Thanks for pulling them together!

    Reply
  12. Greg Babula
    May 10, 2010

    Cool collection

    Reply
  13. Linh Pham
    May 10, 2010

    Nice examples

    Reply
  14. Ivo Ivan
    May 10, 2010

    Great examples.

    See mine slider. I’m proud of it – simple&modern.

    thanks

    Reply
  15. Adam Hermsdorfer
    May 11, 2010

    What a great list! I love the creativity with jQuery!

    Reply
  16. Pete
    May 11, 2010

    Inspiring collection!

    Reply
  17. No.1 Web Design
    May 11, 2010

    Great list! Very useful. Thanks for sharing.

    Reply
  18. Good Web Design
    May 11, 2010

    Great collection again! Will definitely go through them and add some good website elements to our showcase blog. Actually – we might start a new category sideshows. who knows…

    Reply
  19. Damian Smith
    May 11, 2010

    I can’t say I have ever seen a longer list of websites with slide galleries on them as this one! I actually managed to go through them all and test out the slide shows and was really impressed with some of them.

    I especially like James Lai creative, the way in which he has separate slideshows for each category but all still on that one page with changing text was really nice. (So nice in fact I may have to do something like that on my next website design!)

    jQuery has definitely changed the way we go about designing sites, and I am glad that i’m having to use flash less and less. Having a jQuery slide gallery like these can make a site look great on its own.

    Thanks for sharing the list, really some great inspiration from some of these sites to go forward with into my next project.

    Reply
  20. Jordan Walker
    May 11, 2010

    Lots of sites with image slider, pretty popular these days.

    Reply
  21. amazing desings!
    May 11, 2010

    those are some amazing desings, gisele. thank you for sharing it and helping the inspiration to continue ot roll forth :)

    Reply
  22. Sabine Sharp
    May 11, 2010

    Pretty cool collection – I have another one to add: http://www.galandesign.com/

    Reply
  23. Jae Xavier
    May 11, 2010

    A good follow up to this would be how to do it in HTML5!

    Reply
  24. Steve
    May 11, 2010

    Awesome selection, thanks!
    Steve

    Reply
  25. Website Design
    May 11, 2010

    ahhh

    mint.. love that design

    they got it nailed.

    Reply
  26. Interactive Agency Copimaj Interactive
    May 12, 2010

    Thank you for submitting our website in your gallery, we will come back soon with other great works.

    Reply
  27. Web Design
    May 13, 2010

    Very cool amazing design… Thanks for sharing great inspiration for web designer…

    Reply
  28. marc
    May 17, 2010

    Wow – Great list – Thanks for including my site, very inspiring to be included in this!~

    Reply
  29. Motivational Videos
    May 17, 2010

    Amazing designs. I’ve been looking for something for my site and the SlideDeck is pretty awesome.

    Reply
  30. James Noble
    August 9, 2010

    Love it. I seem to be coming back to WDL daily for inspiration these days.

    Might be time to sign up for a Premium membership people.

    Reply
  31. Elke
    May 3, 2011

    Even in 2011: Inspiring list! Particularly when employing galleries thoughtful. Thanks!

    Reply
  32. Kjell Peter
    June 14, 2011

    A Really good collection of examples. It will inspire my daily webdesign work. Perhaps i adapt some ideas.

    Reply
  33. Lennard Veldwijk
    June 25, 2012

    Very nice collection!

    Check http://motivo.nl, i’ve think we’ve got a nice slider as well :-).

    Reply
  34. Masood
    July 6, 2012

    Very Nice collection. Please visit our site http://falconcreativestudio.com we create a banner in unique style.

    Reply

Leave a Reply