Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
Starscroll is a jQuery plugin that adds a fullscreen starfield, generated in canvas, controlled by css to any div. The parallax responds when user scrolls (no matter how big your content), or when is set to animate.
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.
The current release uses jQuery UI to set its transition effects.
jQuery.panelSnap is a jQuery plugin that provides snapping functionality to a set of panels within your interface.
AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the
animatescroll() function with the Id or Classname of the element where you want to scroll to.
AnimateScroll has many options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.
jQuery.BgSwitcher is a jQuery plugin to switch the background image with effects. Here are effect types that can be used: fade,blind,clip,slide,drop,hide (No effect)
tidyTime.js is a jQuery plugin, that provides a more friendly way of displaying time updates to users.
tidyTime.js takes any regular time and changes it into more human friendly dialogue such as "It's just gone noon. It's quarter past 8 in the evening, it's nearly half past 4 in the afternoon, it's just gone 25 to 6" and more.
Conveyor-Belt is a simple but well adjustable slideshow carousel jQuery plugin. Plenty of configurations available, including transition types; image fits; slideshow speeds;
Impulse Slider is a 3D image slider jQuery plugin that takes advantage of the power of CSS3 transforms and jQuery. The goal is that anyone can simply include it in a HTML page without having to code.
OWL Carousel is touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
flipLightBox is a free responsive lightbox jQuery plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries.
Its main feature is an optional flip effect as each lightbox image opens and closes. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.
Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.
Ion.CheckRadio is jQuery plugin for styling checkboxes and radio-buttons with skin support.
An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.
There is an example effect defined and also some media queries for dealing with smaller screens.
jQuery.scrollpanel is a simple vertical scrollpanel that replaces the native vertical browser scrollbar with a CSS-stylable custom scrollbar.
jQuery Splitter is plugin that split your content with movable splitter between them.
ScrollIt.js is jQuery plugin that makes it easy to create paginated, feature vertically scrolling pages. ScrollIt.js makes it easy to make scrolling pages like this one or add scrolling functionality to existing pages.
A simple and lighweight jQuery plugin for cascading dropdowns.
The plugin allows you to implement a cascading dropdown using multiple select boxes in which one select box depends on the input from one or more separate select boxes. Once one or all (depending on the configuration) required select boxes contain a value, it will trigger an event that will fire off the dependant select box so it will fetch its own list.
Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.
modalBox.js is a very light weight modal window plugin packed with only most used features and options. Its overall size is around 5.3 kb ( 2.5 kb minified). You can easily extend it according to your need.
Ion.Calendar is a jQuery calendar and datepicker, based on powerful library to work with time Moment.js
HashSlider is jQuery-based slider does what the most jQuery sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.
Ion.ImageSlider is a jQuery image slider with lightbox and skin support.
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.
Twitter Bootstrap - the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins and an icon set. Although it doesn’t come with much else, Bootstrap is very extensible.
In this article, you will find a collection of 50 must-have plugins you should know about for effective development with the framework.
Shuffle is a jQuery plugin to categorize, sort, and filter a responsive grid of items
SwapGalleryWithDots is a simple jQuery plugin to create swipable gallery with dots.
Loda Button jQuery plugin that animates the button icon with CCS3 when loading data from the server.
The animation is created using CSS3's animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.
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.
Offreg is a jQuery plugin that uses canvas to create a 'screen print' offset effect on an image, by altering the pixel data.
qTip2 is the second generation of the advanced qTip plugin for the ever popular jQuery framework.
qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all... it's completely free under the MIT/GPLv2 licenses!
Vague.js is an experimental script that allows you to blur any kind of html element. Vague.js checks if the user’s device supports the CSS filters otherwise it can fallback using the SVG filters or the Microsoft css filters.
Lighter is a jQuery plugin designed to provide gallery view for images. It created to provide zoomable content like other lightbox plugins.
Touch Image Gallery is a simple image gallery that caters to mobile and desktop browsers alike, by being touch/swipe friendly, in addition to the traditional way of navigating. The gallery can be navigated in the following intuitive ways:
The gallery itself consists of just a regular
<ul> list with images defined inside it. A simple to implement, cross device friendly gallery this is.
Navgoco is a simple jQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level sliding navigation with options to remember sub-menus visible state between sessions and act as an accordion.
PicTip is a jQuery plugin that adds handy tooltips to your images, slideshows, sliders and more.
Tabulous.js is a jQuery plugin that provides an easy method of creating tabbed interfaces. As long as the specified HTML structure is followed, the tabulous plugin will take care of creating the tabbed functionality.
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.
Animelt is a jQuery plugin that allows you to run complex animations on your web page.