Valid State Input

A form control with success, warning and error state.

Custom Checkboxes & Radios

A custom styled checkboxes and radios.

Active State Color Variant

A custom styled checkboxes and radios with colored active state.

File Browser

A custom styled file browser.

Toggle Switches

A lightweight jQuery plugin that creates easily-styleable toggle buttons.

Class Reference

Class	Values
class="toggle toggle-light [value]"	primary | success | warning | danger | info | teal | indigo | purple | pink | orange
class="toggle toggle-modern [value]"

Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

Input Mask

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

Input Tags

User interface for managing tags.

Time Picker

Easily select a time for a text input using your mouse or keyboards arrow keys.

Default Time Picker: Set the scroll position to local time if no value selected: Dynamically set the time using a Javascript Date object:

Color Picker

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

You can allow alpha transparency selection. Check out these example.

Show pallete only. If you'd like, spectrum can show the palettes you specify, and nothing else.