S Gallery makes use of HTML5's FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.
Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items
blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
A simple view mode switch that has two example layouts, a grid and a list. The layout is defined by a view class that gets applied to the main wrapper. Some example media queries show how to make things responsive.
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
Summarized, this is what we want the search component to do:
Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.
CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.
Excolo Slider is simple responsive, touch enabled jQuery slider.
least.js is a random & responsive HTML 5, CSS3 gallery with lazyLoad. Installation and usage is simple, and the end result is quite beautiful.
Responsive product grid layout that comes with some UI details for inspiration. The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are also included.
Media queries can be used to resize the items in the grid or change the number of items in a row. Flexbox is used when supported.
A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.
Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.
A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes.
The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller screens. To make the menu fully retina-ready, we will use an icon font so that the icons of the menu won’t get pixelized on resize
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device.