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).


2. MakeColors

Making annoying rainbows in javascript

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.


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.


5. jQuery Color Swatch

A jQuery color swatch plugin.

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.

  • Shawn Rubel

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

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.