Pickers

Flatpickr

Lightweight and powerful datetimepicker with no dependencies
14 days from now

Colorpicker

Simple and customizable colorpicker.

Uploader

File Upload widget with multiple file selection, drag & drop support, progress bar, validation and preview images, audio and video. Supports cross-domain, chunked and resumable file uploads. Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.

Change photo
User Avatar

jQuery File Upload

Click the current avatar to change your photo.

The maximum file size allowed is 2MB.


Add files...

Drop files or click to upload.

Spinner

A mobile and touch friendly input spinner component. It supports the mousewheel and the up/down keys.


Slider

Lightweight JavaScript range slider library. It offers a wide selection of options and settings, and is compatible with a ton of (touch) devices, including those running iOS, Android, Windows 8/8.1/10, Windows Phone 8.1 and Windows Mobile 10.

noUiSlider

Using HTML5 input elements

Non linear slider

Colored Connect Elements

Locking sliders together

noUiSlider's connect elements can be individually colored or otherwise styled.

Changing the slider by keypress

Skipping steps

Notice how 40 and 80 can't be selected on the slider.

Huge numbers

If you are working with arbitrarily large numbers, you should not use these directly in noUiSlider, as you'll run into some JavaScript limitations. Instead, you should map your values to an array.

Adding keyboard support

Much like the keypress example, handles can be made keyboard-focusable.

Working with dates

Soft limits