Today’s post is a list of 5 jQuery Color Swatch-Ribbon Plugins for your web development needs! Worth checking out ;)

1. jquery.swatches

This is a jQuery plugin that turns a single div into a sweet color swatch (aka, color pallette).

jQuery-Swatches.jpg
SourceDemo

2. MakeColors

Making annoying rainbows in javascript

MakeColors1.jpg
Source + Demo

3. Jquery Ribbon Plugin

No need to worry about hassle of adjusting width and height of css ribbons.this plugin ribbon can wrap around any divs. Just write few lines code and get any divs wrapped with ribbon.

jQuery-Ribbon.jpg
SourceDemo

4. Responsive Colored Header/Footer Ribbon

This is simple, easy-to-use, fast Javascript plugin for Responsive, Colored Header Ribbon’s on your website. It seperates rainbow element to proportional colored cells given by the user. You can use it in header, footer, menus, sidebars and etc.

Colored-Header-Footer.jpg
SourceDemo

5. jQuery Color Swatch

A jQuery color swatch plugin.

jQuery-Color-Swatch.jpg
Source + Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


  • http://eezy.com/ Shawn Rubel

    Adds a little nice touch to your design, good for blogs – thanks, Sam.

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.