30 Fresh Useful & Powerful jQuery Plugins

Fresh Useful & Powerful jQuery Plugins - The `write less, do more` JavaScript library is great for rapid web development. New components, tools and applications are literally popping up on daily basis. Numerous plugins are also available to help jQuery developers. I have compiled a list of jQuery plugins that you may find really useful.

ppGallery - Elegant Lightbox Gallery Jquery Plugin

Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

MobilyBlocks

MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

WOW Slider - jQuery Carousel & Slider

WOW Slider is a jQuery Image Slider with stunning visual effects and fancy templates.

jQuery zLayers

zLayers is a jQuery plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods.

jquery thumbnail scroller

A cool jquery/css thumbnail scroller plugin inspired by the ones made in Flash. It works by cursor movement and it's simple to configure and easy to style through css.

tofslaForms

Choose which form controls get styled -- all, buttons only, checkboxes and radios, textareas and selects?

SliderNav

SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index).

jQuery Colors Pickers HSL

FBModal jQuery plugin

FBModal is a jQuery plugin that is the first FaceBook replica modal dialog.

Tipped - The Javascript Tooltip Framework

Tipped allows you to easily create beautiful tooltips using your Javascript framework of choice.

Pines Grid jQuery Plugin

Pines Grid is a JavaScript data grid plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of Pines.

jQuery Stepy

jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard.

jQuery Apple Effect

This plugin is very easy to use. Just target the element you want to highlight.

Overlay Effect Menu with jQuery

Dirty Forms

Dirty Forms will alert a user when they attempt to leave a page without submitting a form they have entered data into. It alerts them in a modal popup box, and also falls back to the browser’s default onBeforeUnload handler for events outside the scope of the document such as, but not limited to, page refreshes and browser navigation buttons.

Thumbox

jQuery formDesigner

This jQuery Plugin allows you to skin standard form elements (select, input, textarea) with CSS.

xhEditor

JQByte StickyForms Plugin

StickyForms is a jquery plugin that automatically saves all form fields into cookies, and then autofills those values on any form that shares element IDs across your site.

Panoscoper

The panoscoper plugin allows you to take any DOM object and wrap it into a 360° panorama, leaving interactivity intact. This includes Images, Div boxes, and even Video. Currently in alpha development.

JOverText

This plugin adds title and description on an image visible on mouseover. Slide has several effects: above, left, right and bottom. Fully customizable and easy to apply ... Here you will find all info about it.

Dragdealer JS

Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders.

jQuery Capty - A Caption Plugin

jQuery Capty is a plugin jQuery Capty is a plugin that creates captions over the images.

NV / box-slider

Horizontal Box Slider is using native scrolling. There are a lot of “carousels”, but none of them is using it.

jQuery Share Plugin

This lightweight jQuery Share Plugin allows you to easily add share buttons for Social Bookmarks to your website - with only a few lines of code.

jMenu Plugin

jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus.

Thumbnail Gallery JQuery plugin

Thumbnail Gallery JQuery plugin is a easy to use JQuery plugin for web developer to build Javascript gallery on their web application. The gallery can be driven by xml. Easy setup and only minimum programming knowledge is needed. Best to showcase your photography portfolio.

Hightabler

It is a plugin which Highlights the rows of a table.You can navigate to previous or next table row by pressing the left or right arrow keyboard keys. You can also click on the panels to navigate.

infiniScroll jQuery plugin

"infiniScroll" was written as a jQuery plugin. It works for blog posts... but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc. Instead of paginating items, why not just keep scrolling?

Simple Fade SlideShow

Simple Fade SlideShow is highly customizable with CSS and it can create the list and buttons automated or you can create your own individual elements and Simple Fade SlideShow will only bind the relevant functions.

Xem chi tiết

10 jQuery Accordion Plugins & Tutorials

10 jQuery Accordion Plugins & Tutorials - jQuery Accordion is a really easy way to squeeze a bunch of text, images, buttons, or whatever you are using in to a smaller area.

Grid Accordion with jQuery

Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.

jQuery plugin: Easy Accordion

Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!

jQuery Common Accordion - Horizontal & Vertical

jQuery - Horizontal Accordion

This jQuery plugin allows you to easily transform any unordered list into a horizontal menu.

Colorful Content Accordion, CSS & jQuery

jQuery plugin: Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

Exactly How to Create a Custom jQuery Accordion

Accordions can be very useful for showing lots of different sections of data in a small amount of space. jQuery UI has a built in Accordion function, but according to the jQuery UI Build your Download, the size of the Core jQuery UI and Accordion scripts are 25kb and 16.6kb, respectively. Today, I’ll show you how to build a custom accordion that is more “bandwidth efficient”.

Simple Accordion w/ CSS and jQuery

When designed and implemented with usability in mind, the accordion can be incredibly useful when organizing a good chunk of content.

Micro Accordion

JQuery Micro Accordion Plugin is a small (1.33 KB) plugin that creates a simple accordion - no bells or whistles. It's pretty easy to use just download it at the bottom of this post. A demo is included in the download.

Elegant Accordion with jQuery and CSS3

Xem chi tiết

25 Insanely Useful Jquery Plugins For Developer & Designer

25 Insanely Useful Jquery Plugins For Developer & Designer

YoxView - jQuery image viewer plugin

YoxView is a free Lightbox-type image and video viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.

Cute Baloon

Cute Balloon is a jQuery script that allow you to easy make a beauty tool tip balloon, also with ajax content.

Exposure Jquery Plugin

Exposure is a jQuery plugin for rich and smart photo viewing. It can handle very large amounts of photos without pushing your bandwidth through the roof.

uiWizard

This plugin helps you make the most of screen real estate, as you can easily navigate through a stack of DIV elements by using HTML links.



Imagine having a huge form with scrollbars: with the wizard you can break it down into several steps. You could also create branched forms, where the next page depends on the input of the current.

Cantipi Jquery Plugin

Cantipi is a simple and functionality time picker. Click on input field.

It is look like clock, it is work like clock. Much pretty :)

It use a modern canvas stuff and jquery, so it make it very simple for usage. Wouldn’t describe cantipi, code tell about it better, if you a programmer. If not – just use it.

bPopup - JQuery modal popup plugin

bPopup is a simple jquery modal popup plugin. It requires jquery 1.3+ and has been tested in Internet Explorer 6-8, Firefox 2-3.6, Opera 9-10, Safari 4-5 and Chrome 5. For a full view of settings, changes, comments and to download the plugin go to http://dinbror.dk/blog/bPopup

Link external icon - show external link(target="_blank") icon

This plugin add an icon opening a new window to each link

jQuery Constant Footer

The jQuery Constant Footer plugin is a really easy way to add a static footer to your website, which stays glued to the bottom of the browser window even when scrolling occurs.

Flying / Floating boxes with easing and motion blur

The plugin itself is very lightweight, only a few rows of code. There are two major “functions” which make everything alive: the initialization part sets the timer of the JavaScript engine to a specified frame rate; you can change this value by passing the frameRate variable to the plugin at instantiation. In the next step the plugin binds the mouse movement event to the parent object. The naming may be a little misleading, but it’s trying to say to which object the floating box should be bound to. There is another variable I would like to clarify: the stage. Usually the parent and the stage are the same. But if you want your box float in a different “co-ordinate system” other than the parent’s you have the possibility to do so, just provide a new stage. Back to the mouse event. When the event occurs, the code checks the position of the mouse within the parent object (so NOT the absolute coordinates).

jSuggest

jSuggest is a lightweight jQuery plugin that helps you make suggestions for your text inputs. With only 3 KB in size it is very flexible and highly customizable.

Form Validation With Hints

This plugin allows developers to show dates and times on their websites which reflect the client's timezone, not the developers by replacing the contents of an HTML tag with the client's time.

ezMark jQuery Plugin

ezMark is a jQuery Plugin that can stylize checkbox and radiobutton easily. ezMark uses an image replacement for checkbox and radiobutton. Unlike most other script which requires a lot of code, ezMark is very small (minified version is ~1.5kb) and it gracefully degrades.

jTweetsAnywhere - jQuery Twitter Widget with @Anywhere support

jTweetsAnywhere is a jQuery Twitter Widget with @Anywhere support that simplifies the integration of Twitter services into any website.

jQuery Searchable DropDown Plugin

This plugin extends normal dropdown (select) elements to be searchable.

Cloud Zoom

Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.

Apple-like Retina Effect With jQuery

Apple has long applied a winning strategy in marketing – create well designed products, have a dedicated fan base, and let the hype build up before every product release.



This is also the case with the latest version of their iPhone. But what I found interesting is the term they coined – “Retina display” and the promo image accompanying it.

Inset Border Effect jQuery Plugin

I was browsing through a few Flash templates on ActiveDen when I came across an effect I see very often on Flash website galleries. It’s a very simple but neat effect. The images have a border, but unlike CSS borders, it covers up part of the image. I wanted to use this effect in one of my galleries so I went ahead and experimented a bit and came up with the following jQuery plugin. It basically wraps the images in a div with the same dimension as the image and sets the overflow to hidden. Then it appends another div after the image, which the actual border gets assigned to. All the border properties can be altered by the user. It will work with almost any lightbox (tested with colorbox).

Bit.ly Button - jQuery Plugin for Your Clicky Post

bit.ly -The intelligent URL shortener- offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button gives you a uniform click count button -tall or wide- that people can also use it to retweet your post.



When you use a short link to tweet your post, it may get 100 retweets but in terms of bit.ly stats that could mean 1000 clicks coming from the whole twitter ecosystem which makes another interesting measure of how popular is your post!

jQuery color plugin xcolor

This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background. The color value can also be passed in different color models: RGB, HSV/HSB, HSL and their adequate alpha extensions.

Infinite scroll

Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user’s current page.

jQuery YouTube TubePlayer Plugin

YouTube broke 2 billion views a day just a couple of months back. I have played around with the API for two and a half years in various capacities, but I always stopped at the flash level of the chromeless player. Even though I managed to work through the AS3 implementation, I didn't want to have to go through the pain of designing an interface for a player - I really wanted to play with the API itself.

InputNotes jQuery Plugin

A jQuery plugin to add notes below textareas and input fields based on regex patterns.

Poshy Tip - jQuery Plugin for Stylish Tooltips

I almost hear you asking - why another jQuery tooltip plugin? Well, I actually never planned creating this plugin until I reached the final stages of designing this website and decided to add some pretty tooltips. So I started looking for a tooltip plugin that allows easily creating stylish tooltips and also includes the most useful features for such a script. However, I wasn't pleased with the results I found so I ended up writing a completely new plugin and am now making it available for all.

jQuery bbcode editor plugin

Bbcode is useful for simple editing and guest users, and helpful for posting comments. This plugin provides custom settings for you to make your own bbcode editor, and you can even modify the source code for your need.

Xem chi tiết