Color pickers

Hex

Rgba

Trigger

Date-time pickers

US format

pick12HourFormat: true

Without date

data-format='hh:mm:ss'

Without time

data-format='MM/dd/yyyy'

Date range picker

Simple Date Picker

Simple Date & Time Picker

Options Usage Example

Upload elements

File upload

Select file Change Remove

Select file Change ×

Image upload

...
Select image Change Remove

Checkboxes

Radios

Comboboxes

Typeahead

Spinner

Search

Pillbox

  • Default
  • Neutral
  • Neutral light
  • Light
  • Lighter
  • Dark
  • Darker
  • White
  • Success
  • Warning
  • Danger
  • Info
  • Cyanide
  • Meadow
  • Cocktail
  • Hearts
  • Party
  • Midnight
  • Concrete
  • Gunmetal
  • Hollow
  • Mango
  • Berry
  • Cello

Input mask

Styled selects

Single select

Append Checkbox

Multi select

Multi append Radiobutton

Append button

Prepend button

Append icon add-on

Data from external source

This example is not working, needs third party API key

Bootstrap select

Can use all dropdown variants: default, color hover, background hover or border color by using data attributes.

Single

Option groups

Multiple

Button colors

Primary
Light
Dark
Neutral
Default
Lighter
Darker
Neutral light
Success
Info
Warning
Danger
Cyanide
Meadow
Cocktail
Mango
Berry
Hearts
Party
Midnight
Cello
Hollow
Concrete
Gunmetal

For more options and possibilities please visit the developer page. It's all explained in great detail and very easy to use.
There's so much going on with this tool listing it here again would be redundant.

Bootstrap TouchSpin

Postfix

Prefix

Init empty value

Setting values

jQuery

HTML attribute (overrides jQuery)

Small button postfix

Large button postfix

Button group

Event demo


        

Playing with colors

Just a few examples here: button styles can be set in jQuery and use the has-[colorname] class for form elements on a wrapper.

Mango
Gunmetal
Hearts
Meadow

Maxlength

Default usage

The badge will show up by default when the remaining chars are 10 or less

Some options

All options

Textarea

Position

Bootstrap switch

Many combinations are possible with border color, background color, icons and custom text.

Default
Light border
Lighter border
Dark border
Darker border
Neutral border
Default
+ light background
+ lighter background
+ dark background
+ darker background
+ neutral background

Contextual colors

Extra colors

No animation
Disabled/readonly
Text
Label Text
Icon Label Text
Glyphicons Font Awesome
Radio

Wizard

This is step 1
This is step 2
This is step 3
This is step 4
This is step 5
This is step 1
This is step 2
This is step 3
This is step 4
This is step 5
This is step 1
This is step 2
This is step 3
This is step 4
This is step 5
This is step 1
This is step 2
This is step 3
This is step 4
This is step 5
This is step 1
This is step 2
This is step 3
This is step 4
This is step 5
This is step 1
This is step 2
This is step 3
This is step 4
This is step 5

Buy now on CodeCanyon