A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.
Best jQuery Responsive Plugins & Tutorials with Demo
Pinto : jQuery Grid Layout Plugin
Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB.
- lightweight (the minified version is under 1KB)
- autosize support
- fluid item width
- animation (CSS3 transition)
superRetroid : jQuery Retro Video Game Galleries
You’re most likely looking for something specific – not a generic plugin that will bend to your needs. CodeDroid12 plugins are not all-in-one or multipurpose. They’re built to serve one specific task well – and usually with a quick Copy & Paste approach.
- Includes 2 Sega Genesis PSD Mockups
- Installs in seconds
- Easily customizable
- Responsive and lightweight
- Unique retro video game hover effects
jQuery Shop Locator
jQuery Map Listing by createIT generates a searchable list from your map markers.A must have plugin if you have multiple shop locations!
- Live search with custom search radius
- Fully customizable map and components
- 9 unique design styles
- Support different map styles
- Full control of map elements
- Sidebar with optional list of locations
- HTML5 and XHTML strict compatible
- Mobile devices ready
- Responsive
- Cross-browser compability
Motion Slider jQuery Plugin
Motion Slider is a responsive jQuery slider plugin for mobile and desktop that enables multi-transition and browser prefix free CSS animation to your HTML DOM elements.
- Easy CSS Animation with Multiple Transitions
- Create Cool 2D and 3D Transforms
- Works with CSS3 Animation
- No Browser Prefix Needed
- Use Text, ScrambleText, Bezier and Physics2D Plugins
- Break Apart an Image into Tiles or Text into Lines, Words or Characters
- Fully responsive
- Cross-browser, IOS and Android Compatible
- Multiple Sliders in One Page
- Smart Loading Using Adaptive Images
Mega Dropdown with CSS3
A responsive and easy to customise mega-dropdown component.One example we can all think of is Amazon: infinite categories, each one with its own sub-categories… that’s why they currently provide an easy-to-access navigation, in the form of a mega-dropdown element on the top-left corner of the page.
