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

Drag and drop a file here or click

Ooops, something wrong appended.

    Drag and drop or click to replace

    File Upload with Default Image

    Drag and drop a file here or click

    Ooops, something wrong appended.

      1.jpg

      Drag and drop or click to replace

      Disabled File Upload

      Drag and drop a file here or click

      Ooops, something wrong appended.

        Drag and drop or click to replace

        File Upload with limit size of 1M

        Drag and drop a file here or click

        Ooops, something wrong appended.

          Drag and drop or click to replace

          MutipleSelect Styles

          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found
          • No matches found

          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.

          cancel
          cancel
          cancel