Form Input & Textarea

A basic form control input and textarea with disabled and readonly mode.

Valid State Input

A form control with success, warning and error state.

Default Form Input Fields with labels

A form control with labels state.

Name

Disabled

Readonly

Valid Email

Invalid Number

Invalid feedback

Password

Message

Input Sizes

A form control sizes in large,small Fields.

Select Input Sizes

A Select input sizes in large,small Fields.

Switch & Colors

A form control sizes in large,small Fields.

Toggle switch single

Toggle switch single Checked

Your skills

Select Color

Custom Checkboxes & Radios

A custom styled checkboxes and radios.

File Browser

A custom styled file browser.

Toggle Switches

A custom made toggles with jquery support.

Input Groups

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

@
@example.com
$
.00
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).

Date:
Phone:
Phone + Ext.:
SSN:
Color Picker

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

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

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

JQuery UI Date Picker

The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.Set the numberOfMonths option to an integer of 2 or more to show multiple months in a single datepicker.

Display the datepicker embedded in the page instead of in an overlay.

Range Slider

Easy, flexible and responsive range slider with skin support.