In this post you’ll find out about amazing WordPress plugins based on jQuery UI. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Below is a list of 25 surprisingly amazing best jQuery based WordPress plugins. I hope you will like the list and will use one of these plugins on your blog . Feel free to Subscribe if you would like to be informed for the latest posts.
You may be interested in these older posts
15 Free Awesome Social Bookmark Icons Sets
5 Essential Google Cheat Sheets Which Surely Will Come in Handy
16 Wordpress Plugins Everyone Must Install
Used to overlay images on the current page. You can check for more information and samples here.
A WordPress implementation of the stellar Slimbox2 script by Christophe Beyls (an enhanced clone of the Lightbox script) which utilizes the jQuery library to create an impressive image overlay with slide-out effects.
This plugin tweaks the gallery tag in Wordpress 2.6 thusly by replacing it with a javascript carousel.
Lazy loader delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down. This is opposite of image preloading. Using lazy load on long pages containing heavy image content makes page feels snappier. Browser is in ready state after loading visible images. No need to wait for unknown amount of pictures to load.
Live comment preview without page reboot. Works on jQuery.
Features:
If real estate is a priority in your theme then this plugin can help by showing post metadata information on demand by using a JavaScript toggle function.
Snazzy Archives is a visualization plugin for your WordPress site featuring an unique way to display all your posts. Your archive page will never be boring again!
µAudio is a slim (450 Bytes!), fast plugin to create a flash mp3 player when mp3 links are clicked. In order to reduce clutter and file transfer, the links are unmodified until they are clicked, at which point a div with the player is faded in after the link. A second click on the link fades the player back out.
µMint is a slim plugin to integrate statistics from Shaun Inman’s Mint statistics package into Wordpress*.
µMint does require a valid Mint installation to function.
Add “reply” and “quote” features on each comment list. If you have jQuery installed on you blog, this Plugin add two link in each comments list (on single page). This plugin can auto include “jQuery from Google Ajax API repository”. You can also choose to use only “jQuery only” (only Javascript) or a mix of “jQuery/PHP”. Thanks to Cristiano Fino’s Plugin for original idea. If you doesn’t use jQuery please visit Cristiano Fino’s Plugin
GD Star Rating plugin allows you to set up rating and review system for posts, pages and comments in your blog. You can set many options for displaying the rating stars, and also add widgets into the sidebars for displaying top ratings and other statistics generated by the plugin.
jQuery-Pagebar show instead of the next and prev links a jQuery slider as a modern pagebar. So it’s easy to navigate through many pages.
Makes the native WordPress galleries use a lightbox to display the fullsize images. The lightbox used in this plugin is currently the jQuery lightBox plugin by Leandro Vieira Pinho.
This plugin adds 15 plugins to TinyMCE: Advanced hr, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Date and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters and XHTML Extras.
Rather than relying on a CSS or HTML-driven approach to resize large or wide images, WP-Imagefit relies on Javascript to proportionately resize images based on the width of the containing column.
This plugin is currently compatible with an hAtom-based theme like K2 or Sandbox.
Original jQuery Imagefit plugin written by Oliver Boermans.
WP-CodeBox provides clean syntax highlighting and AJAX advanced features for embedding source code within pages or posts. It support wide range of popular languages highlighting with line numbers, code download, Copy to clipboard, collapse codebox,automatic keywords link to API manual and maintains formatting while copying snippets of code from the browser.
New version of Ajax Spoiler plugin renamed to ‘Advanced Spoiler’.
Show or hide contents(text, image etc.) with animated effects wrapped by spoiler markup tag([spoiler][/spoiler]).
Adds an SEO friendly, accessible regular or dropdown menu to your WordPress blog. Visit the PixoPoint Menu Plugin page for more information about the plugin, or the PixoPoint forum for help with adding the menu to your theme.
The Google AJAX Translation WordPress plugin provides a quick, simple, and light way to add translation to your blog.
Quick Search add AJAX Search to your site sorting results by Posts, Page and Comments. You can easly customize the popup menu style by modifying the file quick-search.css. You can find some option through the ‘Plugins’ menu in WordPress.
Highlights search terms using jQuery when referer is a Google, Yahoo or Lycos search engine or within WordPress generated search results. This plugin is a light weight, low resource demanding and very simple fusion between How to Highlight Search Terms with jQuery – theme hack by Thaya Kareeson and Search Hilite by Ryan Boren.
Image Drop Shadow wordpress plugin adds stylish drop shadow to images posted on your blog using jQuery. Just install it and all your posted images will automatically have a drop shadow. The plugin uses the method described by Brian Williams in the article “Onion Skinned Drop Shadows” -
This is a different menu that uses your post images as a background. You can insert the menu wherever you want: content, php files or widget if your theme allows it. Visit the plugin page for demo and details.
This plugin allows to use the Lightbox features for images and wordpress galleries without touching the html code. It includes an option ‘Open using lightbox’ on the Setting Panel to be used before inserting the single images on your post.
Ever got annoyed when submitting a comment on a wordpress blog and just getting a blank page with a error message like “please fill out required fields” and nothing else? This plugin aims to help by adding validation to the comment form. When a user submits the form and something is missing, an appropiate message is displayed and individual fields are highlighted. When the email or url is in an incorrect format, a message is displayed accordingly.
Hi im Naeem, im a Self taught web designer from Pakistan. I am also a regular Blogger, Tutorial Writer, Theme Designer and owner of Css Reflex. You can follow me on twitter.
Copyright © 2010 CSS Reflex.
Very attractive djQuery based Wordpress Plugins. Awesome collection. Thanks for sharing this nice post.
W3planting´s last blog ..19 Top Quality Logo Inspiration Sites
Very nice collection.. You Rock Naeem
Brilliant collection. I’m big fan of jQuery && Wordpress
k0ev´s last blog ..А ничего не вижу…
thanks for this great post.
designfollow´s last blog ..Build a Slick Rich User Interface in Photoshop
Am not and Geek but intrested in doing some of the mentions. Thanks for sharing Naeem
Awesome collection of plugins
. Thanks for sharing this nice post.
Stupendous! Thanks for these.. jquery is something everyone that uses wordpress should experiment with. Thank you again
I suggest to try new free PHP IDE Codelobster PHP Edition with special WordPress plug-in.