20 Colorful jQuery Plugins

Colors add beauty to designs. So why not add a splash of color to jQuery plugins? These colorful jQuery plugins enhance the usability and interactivity by animating and playing with colors. Bring out a riot of colors in your designs with this collection of colorful jQuery Plugins.

1. Another Color Picker jQuery Plugin

This rudimentary color picker plugin was designed for use in small UIs. It does not use image files and does nothing fancy.

2. Crayonbox Color Picker – jQuery Widget

Crayon box is a really simple color picker. The idea is to make it as simple as possible for the user, while leaving lots of options up to you.

3. jQuery Color Picker – jQCP

The jQuery Color Picker is a simple color picker with the following features:

• Simple HTML and jQuery.
• Powerful color control by HSL, RGB and Hex code.
• Easy to integate.
• Easy to customize the look & feel.
• jQCP tested with IE6, IE7, IE8, FF3, Opera9, Safari4, Google Chrome2.
• Lightweight color picker – The source file is just 7k!
• Free and Free of charge under the MIT License.

4. Color Palette Generator Using jQuery

As I continue to learn jQuery, I think it is important that I begin by porting over scripts I have created using MooTools. One of those scripts is my Color Palette Generator script, which debuted on Eric Wendelins blog. For those of you that missed it, my script analyzes all of the colors on the page (minus images) and builds a palette of colors. Here it is in some jQuery goodness.

5. Color Picker – jQuery plugin

A simple component to select color in the same way you select color in Adobe Photoshop

6. jQuery Color Picker

Gone are the days of having to manually enter in hex codes to specify colors: with jQuery UIs color picker, you can make your web application pick colors as smoothly as you would in desktop applications like Photoshop. When coupled with the visual appeal and functional benefit of color pickers, the ease of using jQuery UIs gadget is something that is hard to pass up.

7. Simple jQuery Color Picker

This is a simple color plugin developed using jQuery.

8. jQuery Colors Plugin

This plugin has been developed by me when I start to create this site, with a lot of colors manipulations. I decided to write a group of functions and after that I transform it to a plugin. So feel free to use it.

9. Fading Links Using jQuery: dwFadingLinks

Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events. My thought was ?why do a harsh a:hover color change when you can fade to that color?? Here is how to implement link color fading using jQuery.

10. It is a Rainbow Color Changing Text and Backgrounds with jQuery

This jQuery tutorial explains how to create a Rainbow effect with jQuery.

11. jQuery Random Link Color Animations

We all know that we can set a link?s :hover color, but what if we want to add a bit more dynamism and flair? jQuery allows you to not only animate to a specified color, but also allows you to animate to a random color.

12. Playing with jQuery Color Plugin and Color Animation

jQuery is an easy and useful JavaScript library. If you are someone with basic knowledge of JavaScript you can easily insert jQuery plugins and effects. You do not need to be hardcore coder or developer for that. In this post you will see how to create some cool menus with jQuery and jQuery Color Plugin.

13. jQuery Tutorial – Create A Colorful Sitemap With jQuery

In this demo article, we will build a visually interesting sitemap that makes the hierarchy clearer through the use of color.

14. Fade colors using jQuery

This tutorial will explain how to fade a color in array of elements using jQuery.

15. Interactive pop-up bubbles with jQuery and CSS

Move beyond pure CSS with special visual effects courtesy of jQuery. Adding sparkle to your web design is much easier than it was previously, and helps draw users into your content. jQuery takes away all the nasty cross-browser compatibility problems that are often associated with coding JavaScript interactive visual effects and interactions. When you roll over the primary buttons a balloon puffs up into view. When you mouse off the button the balloon puffs out of existence

16. jAni – Colorful Background Image Animation Using jQuery

jAni is a simple plugin for jQuery which allows you animate background images. The plugin is basically an alternative to the animated GIF but with several benefits. At first, it is always better to use an animated GIF as this format is supported by all browsers without any JavaScript code or additional markup, but the ?dark side? of it is that an animated GIF allows only 256 colors and you cannot control animation in any way. The jAni loads a long vertical image and changes its background positi

17. highlightFade jQuery Plugin

Fade your menus and selections on highlight and play with a riot of colors.

18. Easy jQuery fading color menu

I am creating a site for a client and wanted to jazz up the main menu slightly. Right now its just a plain text text that rolls over with a new color. It would be cooler, and just as accessible, if I made that css color fade in and out instead of just ?appear?. The HTML, CSS, and JS for this with jQuery is easy as pie.

19. Changing design colors with jquery

This post is about “how to change website theme design(colors) without refreshing page with jQuery”. Have you tried twitter settings? Change design colors, you can customize the design colors. It is very useful just some lines of code, use it and add more features to your web projects.

20. Kwicks for jQuery

Kwicks is a menu effect as seen on the MooTools home page, and here is a jQuery version producing the very same effect. Kwicks for jQuery started off as a port of the insatiably attractive Mootools effect (of the same name), but has evolved into a highly customizable and versatile widget.