12 Excellent CSS3 Image Gallery Tools

1. Final Tiles Gallery

featured image

Say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;

Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

Social sharing: each image can be shared using Twitter.Styling: many other galleries doesn’t let you customize their CSS, Final Tiles Gallery, instead, gives you a great freedom to use your own CSS to control borders,margins, animations and so on;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. UberGrid - responsive grid builder for WordPress

featured image

UberGrid is a powerful responsive grid / gallery builder for WordPress that will impress your visitors with stylish grids built in minutes.Powerful responsive built-in lightbox with image, google maps, youtube, vimeo and text support.Fast CSS3 animations and effects (when supported by the browser). All the image processing is done by WordPress API

5 required (because UberGrid uses a new image selector available from 3.

More Details

4. Ultimate Grid Responsive Gallery

featured image

Ultimate Grid Responsive Gallery

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. CSS3 Effects

More Details

5. Final Tiles Gallery for Wordpress

featured image

Finally say STOP to the boring multi-column layouts! Keep images aspect ractio, create gorgeous grids with Final Tiles Gallery!

No crop: unlike many other tiled galleries, it doesn’t crop images, unless you decide to use the snapping to a grid, in that case a small part of the image could be cut;

Responsive: the gallery is responsive by default, when it’s container changes width each tile will move with an animation;

Social sharing: each image can be shared using Twitter.Gallery management: each gallery is saved in jQuery slider download so you can edit them whenever you want: you can add, rename, delete and edit the galleries;

Custom links: each image can be linked to a custom URL;

Zoom: each image can be shown in a bigger format;

Shuffle: Enable or disable image shuffle;

CSS3 animations / JS fallback: the script detects if the browser can support CSS native animations and, if so, it uses them to take advantage of hardware acceleration, othrwise it uses javascript animations;

More Details

6. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS jQuery background color and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).

More Details

7. CSS3 Image Gallery Kit

featured image

An image gallery kit with filtering images based on category with lightbox box effect built in HTML & CSS3.• Neat layout with icons used for number of times viewed, number of comments for the image & number of likes.• On click over the image it gives lightbox effect with the image enlarged with the commenting textbox with a submit comment button & view comment button.• Social buttons are added in the lightbox for the image. Pls note: This is not an image gallery script but this item can be integrated with the image gallery. Please note that IE doesn’t support some CSS3 attributes.

More Details

8. PHP Auto Gallery With Expanding Preview

featured image

PHP Thumbnail Grid With Expanding Preview is a leightweight, easy to use gallery

script inspired by ajax image slider with support for .GIF image

It is also fully HTML5 and CSS3 compliant.

More Details

9. Zi-Image Grid Gallery - Responsive

featured image

Displays images in a grid format and fits to the adjacent image. Onclick on any image displays the larger size of the same image with social sharing buttons for each image. Please note that IE doesn’t support some CSS3 attributes.

More Details

10. ZoomBox 2 - The Photographer's Premium Lightbox

featured image

HTML5 technology - this gallery uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients

CSS3 technology - this player uses cutting-edge css3 definitions

iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

unique ability to zoom on photos – this is the perfect lightbox script for photographers to showcase their work because on any image, your visitor can zoom it and see the marvelous details you capture in your art.[add] arrows for gallery mode

[add] big image control from touch devices

and a larger image is shown,

More Details

11. ZoomFolio - WordPress Portfolio Plugin

featured image

You can use it to show the recent posts from your blog or a gallery from your vacation.CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

[ADD] You can have multiple images on a project now ( if the item is of type image and has a “item gallery” attached )

[add] new Features for ZoomBox lightbox like gallery, zoom on photo

[fix] accordion style inside gallery fix – now works on the Item Gallery tab

[add] new Portfolio Item type – gallery

[tweak] now thumbnails resemble the whole image

tweaked big image to use the native wordpress media uploader

added gallery mode to posts on skins accordion and clean – as shown in the preview

added Overwrite Item Link with Big Image field in each portfolio item meta

fixed do not open Big Image in lightbox field

added support for download youtube videos mp3 in the big image field

added support for not opening the image link in a light box

When a user click on an image it zoom out.Is it possible to place a link to the image? We would like to navigate the user to the page of the course by clilcking on the image.Yes, it’s possible to not use lightbox zoom in on the featured image. You have 2 parts of the Portfolio Item, and you can link them to whatever, a JavaScript image gallery zoom in, a custom link ( that you choose ), the portfolio item link or nothing at all.Nice plugin – I’m wondering is it possible to link the thumbnail to an existing gallery using a link. Rather than clicking on the thumbnail to get a bigger image ?

Set any link inside the Big Image and set Open Big Image in Lightbox to OFF

The carousel is 100% skinable via CSS and the icons are simply image, you can just go ahead and replace them, position again is part of css so easily changeable.Another question please, how i can fix the gallery at the center of my page? it’s always in the left.You just write the link to the video in the Big Image field ( ie https://vimeo.free updates – even if the value of this gallery increases with upcoming updates, you will get them for free

More Details

12. Creative Gallery

featured image

Creative Gallery – A must have WordPress Image Gallery is a first of its kind of image gallery, built using jQuery and CSS3.A Very Creative and unique style of gallery.Add any number of albums (boxes) in the gallery and images (icons) in the album.Redirect to a particular Website URL or POP UP a large image on click of icons.Manage spacing among album boxes in the gallery.

More Details

13. TAKO Vertical Responsive Dropdown Menu

featured image

Pure CSS3 and HTML

Image Gallery’s or simple images!

More Details