Best jQuery Responsive Plugins & Tutorials with Demo

    NOO Menu – WordPress Mega Menu Plugin

    NOO Menu - WordPress Mega Menu Plugin

    NOO Menu is a revolutionary menu plugin that allows you to customize almost everything in a super interactive and intuitive admin interface.

    SilverTrack : jQuery smart and very extensible Sliding Carousel

    SilverTrack : jQuery smart and very extensible Sliding Carousel

    SilverTrack is a jQuery plugin designed to be extensible through other plugins. It has a small core and comes with very useful plugins.

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

    Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

    Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

    Droptabs : jQuery Plugin for Bootstrap Tabs

    Droptabs : jQuery Plugin for Bootstrap Tabs

    jQuery plugin for hiding Bootstrap tabs inside a dropdown, when viewport is too small.

    Vimuse : jQuery HTML5 Media Player

    Vimuse : jQuery HTML5 Media Player

    Vimuse HTML5 Media Player is a jQuery plugin that allows you to play both audio and video in a modern and sleek interface. You can choose to play your own audio/video files or videos from Youtube/Vimeo or even Shoutcast streams. The player features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The player is also optimized for retina and touch screens and provides the feel of a native app.

    Features:

    • Play video and audio files.
    • HTML5 playback with Flash/Silverlight fallback.
    • Playlist data is passed through JSON.
    • Special layout for audio-only mode.
    • Play videos from Youtube/Vimeo.
    • Pull videos from Youtube user, playlist or search query.
    • Pull videos from Vimeo user, album or channel.
    • Play Shoutcast streams and show track info and cover-art.
    • Extract audio info from ID3 tags – cover, track, artist, album.
    • Build playlist by scanning folder for mp3 files.
    • Several layout options.
    • Player API functions and events.
    • Mobile, retina and touch screen optimized

    Recreating the “Design Samsung” Grid Loading Effect

    Recreating the “Design Samsung” Grid Loading Effect

    A tutorial on how to achieve the grid loading effect seen on the “Design Samsung” site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

    Liquid Slider : jQuery Responsive Content Slider

    Liquid Slider : jQuery Responsive Content Slider

    Liquid Slider is a responsive jQuery HTML content Slider.

    Smart Demo-bar with jQuery & CSS3

    Smart Demo-bar with jQuery & CSS3

    Smart Demo-Bar is plugin made for developers that need Demo-Bar or theme switcher for responsive theme, smart Demo-Bar would be shown on top of page, allow users to preview another theme to test his responsive design.

    Smart Demo-Bar can work on smaller screens, and it will work on mobile devices browsers that support jQuery and CSS3.

    Grid Accordion – Responsive jQuery WordPress Plugin

    Grid Accordion - Responsive jQuery WordPress Plugin

    Grid Accordion is a fully responsive and touch-enabled WordPress plugin that combines the functionality of a grid with that of an accordion, offering a modern and engaging user experience.

    Features:

    • Fully Responsive – automatic or custom responsiveness.
    • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
    • Dynamic Content – load images and content from posts, galleries and Flickr.
    • Automatic Updates -update the plugin directly from the Dashboard.
    • Caching – grid accordion instances are automatically cached for improving the load time.
    • Animated layers – layers can be set to display when the panel is opened, or when it’s closed, or all the time.
    • Retina-ready – specify a retina version for each panel image.
    • Lazy Loading – load images only when they are viewed.

    Metro Sidebar : jQuery sidebar Plugin

    Metro Sidebar : jQuery sidebar Plugin

    Metro is a powerful jQuery sidebar that looks like an App.

    Features:

    • Touch enabled.
    • Responsive.
    • Has a lot of properties to change.
    • I include an icon pack that looks great in the menu
    • Easy to customize
    • Widgets like showing the weather, date, time and create slideshows
    • Retina display and high resolution ready.