Bootstrap Color Picker plugin

Vue version


Choose license

Unlimited projects for teams

SKU: N/A Categories: , Tag:


MDB Plugins are created and designed with the purpose of extending the possibilities and power of MDB UI Kits. Although plugins work best with corresponding MDB tools (MDB Templates, MDB Pro) they can also be used on standalone basis.

Bootstrap Color Picker plugin allows you to select different colors. You can successfully use it in various product wizards, clothing sales, or other situations where you need to be able to choose a color.

Not enough?

Get all Plugins for half of the price.

Get MDB Extended with All Plugins 30% OFF




jQuery version


Angular version

Coming soon...


Available (Current version)

Join loyalty list

Main features:

sample image
Material Design by Google

Similar design quality to the one offered by Google's tools gives you a clear view of your data.

Insightful layout

The intuitive and informative style is a key to better understanding your aggregated data.

Clean categorization

Each piece of information is connected with the corresponding category for even better clarity.

HTML, CSS, SASS, JS and JS Modules files

All kind of files you need to develop a great project.

...and even more:

Cross-browser compatibility

Chrome, Firefox, Safari, Opera, Microsoft Edge - MDB loves all modern browsers.

Frequent updates

With the ever-changing world of web design, be assured that your template will always be up-to-date.

Latest Vue

MDB plugins are integrated with the latest Vue version. Therefore you can use all the newest features which come along with it.

Learn more about Material Design for Bootstrap

Start our free, amazing tutorials, which will let you combine Material Design with Bootstrap and Wordpress.

Bootstrap tutorial

This complete and easy guide will teach you how to create stunning, responsive website and apps. Each lesson is provided with series of functional examples, and each of those examples brings a meaningful web design knowledge.


Vue tutorial

This comprehensive tutorial will guide you step by step into creating your first Vue Bootstrap app. You'll learn about using child components & passing data to components, using v-for loop, handling events and much more!


Waiting lists:

Sign up and receive guaranteed discounts when future plugins are released.

I agree to receive the newsletter and information on chosen topics from MDB. The administrator is StartupFlow s.c. located in Kijowska 7, Warsaw. The administrator processes data following the Privacy Policy.

Specify your preferences about plugins:

Are you ready to start?