Navigation Style

Skin Modes

Default Mode
White Mode
Dark Mode

Header Styles Mode

Light Menu
Dark Menu
Color Menu
Graident Menu
Left-menu Bg-Image

Leftmenu Styles Mode

Light Menu
Dark Menu
Color Menu
Gradient-Color Menu
Loader

Default forms

Default forms with labels

Invalid feedback

Input Forms

Input Forms

?
Bootstrap's Custom File Input

Inputs Heights




Select Inputs Heights

Toggles& Switches & Radios and Checkboxes

Toggle switch single
Radios
Checkboxes

File upload

File Upload with Default Image

Disabled File Upload

File Upload with limit size of 1M

MutipleSelect Styles

Telephone Input

A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, detects the user's country, displays a relevant placeholder and provides formatting/validation methods.

Switches
  • Bootstrap Switch Default
  • Bootstrap Switch Primary
  • Bootstrap Switch Success
  • Bootstrap Switch Info
  • Bootstrap Switch Warning
  • Bootstrap Switch Danger

Select2 elements

Select2 gives you a customizable select box many other highly used options.

Time Picker

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.

Date Range Picker
Single Month Display 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.

Multiple Months Display 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.