posted by Liz November 17, 2008 catergorie(s): Web Design Web Development

20 Free & Open Source Image Galleries for Web Designers


Auto Slider, Free Image Gallery

Auto Slider

Style: Sleek and compact.
Function: Slide show feature and live text descriptions for each image are a major plus!

Flash Gallery, Free Image Gallery

Flash Gallery

Style: Sleek look that’s easy to modify with your own look.
Function: Supports different image dimensions, you don’t have to make them uniform, plus the thumbnails are created dynamically. Full-Screen mode is perfect for showcasing your design or photography portfolio.

Flickr Show, Free Image Gallery

Flickr Show

Style: Clean and modern.
Function: Pull photos from a Flickr set into a gallery with fun sliding action and slide show feature.

E2, Free Image Gallery

E2 Gallery

Style: Adapt the look to your site.
Function: A little bulky, but this could be modified to fit your needs.

Flash Flickr, Free Image Gallery

Flash Flickr

Style: Just like Flickr, but flashier…
Function: A photo gallery made in Flex2/AS3 using Flickr API. This application let users to browse your Flickr pictures, see your sets, tags and notes.

Gallerific, Free Image Gallery

Gallerific

Style: This gallery is really easy to customize — both style and layout.
Function: Use XML to pull images from a designated directory, use live text descriptions and break thumbnails into multiple groups for compact viewing.

Free Flash Gallery, Free Image Gallery

Free Flash

Style: Flashy and with that Lightbox style pop-up view look.
Function: Slide show feature, but images do take a little long to load.

Galleria, Free Image Gallery

Galleria

Style: Simple and clean.
Function: Live text image descriptions.

Highslide, Free Image Gallery

Highslide

Style: This is Lightbox but with various styling options to fit your needs.
Function: Works just like Lightbox.

Imago, Free Image Gallery

Imago

Style: The demos shown of this are not too pretty, but style this one right and it could be very nice!
Function: Pull images from a feed or your own gallery.

Free Image Gallery

Automatically Generate a Photo Gallery from a Directory of Images

Style: Has a Lightbox-like style, but with a simplified style.
Function: This PHP script pulls your full-size and thumbnail images from a designated directory, all you need to do to add or remove an image is to remove it from that directory.

Minishowcase, Free Image Gallery

Minishowcase

Style: Again with the Lightbox overlay look.
Function: Pulls up images fast.

Phat Fusion, Free Image Gallery

Phat Fusion

Style: Elegant look, could be used for a small collection of images or modified into a cool navigation system.
Function: Neat expanding motion!

Simple Viewer, Free Image Gallery

Simple Viewer

Style: Thumbnails previews & i wouldn’t even change the large arrow navigation, think it’s pretty cool.
Function: Break thumbnails into multiple groups for compact viewing.

Slide Viewer, Free Image Gallery

Slide Viewer

Style: Motion and sleekness of a Flash gallery w/out any Flash.
Function: Just add your images into a designated gallery and the appropriate number of buttons are generated. Only downer for this one is all your images have to be scaled to the exact same size.

Smooth Gallery, Free Image Gallery

Smooth Gallery

Style: Simple gallery with collapsible thumbnail views.
Function: Live text image descriptions, quick image loading and smooth image to image transition. I use this on my homepage!

Space Gallery, Free Image Gallery

Space Gallery

Style: Think Mac OSX’s Time Machine.
Function: Cool 3-D effect, slick flip through image feel.

Moo Tools, Free Image Gallery

Moo Tools

Style: Another Lightbox style image gallery using MooTools.
Function: Nothing fancy about this, a simple image viewer.

Zen Photo, Free Image Gallery

Zen Photo

Style: Simple style allows for a completely customizable look.
Function: Image rating and comments.

Zen Photo, Free Image Gallery

LightWindow

Style: We all know Lightbox, but LightWindow allows for many more options and endless customization!
Function: Use this for image galleries, video viewing, and to view an external site within your site. (check it out and that will all make sense.)


Share:
  • Twitter
  • Facebook
  • Tumblr
  • Digg
  • del.icio.us
  • Reddit
  • StumbleUpon
  • email

Related Posts

  • No Related Post
Tags: , , ,

This post currently has 39 Comments


  1. Jumping Dog Design Says:
    November 17th, 2008 at 9:21 PM

    Great collection, will bookmark!


  2. Dan Denney Says:
    November 18th, 2008 at 8:10 PM

    Thank you for putting this together, it’s a great collection!


  3. Liz Says:
    November 18th, 2008 at 8:24 PM

    yay! Thanks for coming to the site!


  4. forpet me not Says:
    November 19th, 2008 at 6:24 AM

    wow great collection thanks


  5. mondoluna Says:
    November 19th, 2008 at 11:25 PM

    This was great! I am putting together a gallery for one of my clients and haven’t found anything that I thought would work. Just checked out your blog and now I have found 3 good candidates. Thanks again!


  6. Vinay Says:
    January 22nd, 2009 at 11:51 PM

    What about tiltviewer??? It’s got a great 3D style interface… I have it on a couple of my sites.

    http://www.airtightinteractive.com/projects/tiltviewer/app/


  7. Liz Says:
    January 23rd, 2009 at 12:39 AM

    thats pretty crazy


  8. Timothy Says:
    January 23rd, 2009 at 12:30 PM

    Nice list. Thanks a bunch


  9. John Mitchel Says:
    February 23rd, 2009 at 4:51 PM

    really like this list for images thx


  10. Steve Says:
    July 8th, 2009 at 6:54 AM

    Love your stuff…


  11. John Says:
    July 10th, 2009 at 4:25 AM

    This is exactly what I have been looking for. Was going to ask in one of the forums for a Lightbox alternative (Lightbox doesn’t seem to work well with IE6) but this saves me the trouble and gives me a far more complete answer than I would have received. Thank you!


  12. Liz Says:
    July 10th, 2009 at 12:10 PM

    glad this was helpful John!


  13. Michael Hartzell Says:
    July 13th, 2009 at 10:02 PM

    This one gets a 5 very goods out of five! A very useful group… and it will save many hours of research… Already gave it a tweet!

    Mike


  14. AVD Says:
    July 30th, 2009 at 3:46 AM

    Great pieces of Art.


  15. lenne Says:
    November 4th, 2009 at 9:07 AM

    thanks for the collection, helped me alot !!


  16. balaji Says:
    November 11th, 2009 at 8:58 AM

    thanks a lot , very cool collections!


  17. sade Says:
    January 29th, 2010 at 4:12 AM

    easy and pretty.


  18. Sjors Says:
    January 29th, 2010 at 4:35 AM

    Anyone knows an Open Source Image Gallery with the option to vote on images?


  19. Keren Lerner Says:
    February 1st, 2010 at 8:07 AM

    Have to say this is one of my favourite most useful posts I have seen all year! I know its only one month in, but I do read a LOT of posts (check @topleftdesign on Twitter to see what I mean)

    Well done and thanks for the hard work you put into this.


  20. Liz Says:
    February 1st, 2010 at 1:43 PM

    glad everyone is still finding this post useful! Thanks so much for all the stumbling, tweeting, etc!


  21. Collin Says:
    February 19th, 2010 at 7:42 AM

    Thanks for an amazing collection! Very inspiring! I wish I could create something like this via the cms for flash from flashmoto.


  22. Photo Editing Says:
    March 31st, 2010 at 8:16 AM

    It’s really great post, nice blog..I would like to appreciate your work and would like to tell to my friends.


  23. Jay Says:
    May 21st, 2010 at 6:29 PM

    Some really great photo galleries here. Thank you for sharing.


  24. hermes kelly Says:
    July 9th, 2010 at 12:37 AM

    Thanks for an amazing collection! Very inspiring! I wish I could create something like this via the cms for flash from flashmoto.


  25. hermes kelly Says:
    July 9th, 2010 at 1:11 AM

    Nice list. Thanks a bunch

Leave a Comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>