Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin.
Best jQuery Responsive Plugins & Tutorials with Demo
Jumbo 7 : jQuery Image Fullscreen Gallery
Jumbo 7 is easy to use Fullscreen gallery including Kenburn. As navigation, you can use bullets/thumbnails and tabs in your choices. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.
Features:
- Kenburn
- Hardware accerlated slide animation
- Easy to implement and customize
- Unlimited slides – Users can insert as many slides as he wants.
- Unlimited Title Caption
- Native browser support
- Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
- Image Lazy Loading – Jumbo 7 loads all images at once so that he/she doesn’t wait again while slides.
- Image Preview support – Jumbo 7 provides image preview option on hover.
- Customizable width and height – Width and height can be set.
- Fully responsive – It’s fully responsive so it can be attached in touch device.
- Full width functionality involved – Full width slider is available
- Lightbox support – It supports lightbox based on users’ demand.
- Touch device support – Touch events are supported.
- Mouse swipe navigation support – Swipe functionality is available so users feel comfortable to navigate.
- Video content support(Youtube,Vimeo) – Embeded videos are supported.
- Carousel support – Carousel viewmode is supported.
- Keyboard navigation available
Wayout : jQuery CSS3 Responsive Menu
Wayout Menu is a responsive menu written with Bootstrap 2.3.1, jQuery and CSS3. CSS transitions are used for navigation level openings.
Features:
- Responsive design (Menu items are not responsive, but a sliding sidebar panel is added for devices that use smaller screen sizes
- Full width & Boxed versions
- Sliding Sidebar (with 6 different opening effects)
- 9 different color swatches
- Descriptive Theme Customizer
- Login Box, Shopping Cart Box, Search Box
Tabcordion.js : jQuery Plugin for Bootstrap tabs into Accordion
Bootstrap Tabcordion is a simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.Useful for responsive mobile sites.
Colio : jQuery Portfolio Content Expander Plugin
Colio plugin will help you display details about your portfolio items in form of expandable viewport that can be placed above, below or inside your portfolio grid. This is great plugin for one-page and multipage sites, where you have to use space efficiently.
Features:
- Responsive
- Mobile optimized
- Includes black and white theme
- Different placement options & dynamic inside placement
- Inline or AJAX content
- Content filters and callbacks
- Easy integration in existing portfolio
- Compatible with isotope and quicksand plugins
- Autoscroll to view
- Retina-ready navigation
- Valid markup
- JSHint compliant code
Rimg : JavaScript Responsive Image solution
A responsive image solution for browsers that support mediaqueries. Pure javascript and no server-side code.
“Responsive-image” (RIMG) supports responsive websites to provide a way to optimize images (like CMS-content) in a simple and performant way. Pure Javascript, no server-side code and 2 lines of code (library + definition). The source of this page shows how the image is being changed by pure Javascript.
SVG Avatars Generator – jQuery Integrated Script
This jQuery integrated script (with some PHP files on a server side) lets your visitors to create custom avatars. The Avatars Generator is based on SVG (Scalable Vector Graphic), which is supported by all modern browsers and does not depend on screen resolutions. As a result your visitors can download their avatars as SVG file or as PNG one (2 size options) which is converted from vector graphic parts. The integration of the SVG Avatars creator is quite simple too.
Features:
- Brand New
- Responsive Interface
- Retina Perfect
- Works on Touch Devices
- Easy Integration
- Easy to Translate (English, German and Russian are already included)
- Dark & Light Color Schemes
- Save a User’s Avatar on a Server
- Three Download Options (only one special, if you work in iOS (mobile) Safari)
- All Modern Browsers
Bootslider : jQuery Responsive Bootstrap CSS3 Slider
Bootslider is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with modern and fancy 3D transitions. Even more important, it is fully responsive and mobile optimized and can take on any dimensions.
Features:
- Responsive
- Touch Enabled
- High Performance
- CSS3 Transitions
- SEO Friendly
- Full Width and Boxed
Dynomap : jQuery Responsive Image map plugin
Dynomap is a responsive image map plugin that allows for multiple states of when interacting with areas on the map and custom callbacks.
The images that are used for background, overImg, downImg, clickedImg, visitedImg all have to be same in dimension. The image map area coordinates are given based on the original dimensions of the background image. Look at the demos as reference material.
