Pickers
Bootstrap Select New
Brings select elements with intuitive multiselection, searching, and much more.
Flatpickr
Lightweight and powerful datetimepicker with no dependencies.
Colorpicker
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
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.
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 in input
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.