Pickers
Flatpickr
Lightweight and powerful datetimepicker with no dependencies
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.
jQuery File Upload
Click the current avatar to change your photo.
The maximum file size allowed is 2MB.
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.