Loader

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

A form control with success, warning and error state.

A form control with labels state.

Name

Disabled

Readonly

Valid Email

Invalid Number

Invalid feedback

Password

Message

A form control sizes in large,small Fields.

A Select input sizes in large,small Fields.

A form control sizes in large,small Fields.

Toggle switch single

Toggle switch single Checked

Your skills

Select Color

A custom styled checkboxes and radios.

It is Very Easy to Customize and it uses in your website apllication.

A custom made toggles with jquery support.

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

@
@example.com
$
.00

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:

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.

The date and time picker 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.

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.

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

Easy, flexible and responsive range slider with skin support.