New UI Components for Web

Tipso shows tooltips using jQuery and can optionally animate them via Animate.css. All Tipso tooltips are responsive, adjust to the space they have in the page, and can be shown from all four directions (top, bottom, left, and right). Developers can...

jquery.simple-scroll-follow can help webmasters pin certain page elements so they'll always remain visible while scrolling the page. One or more elements can be pinned at the same time, and they can be made "sticky" for the entire page or just inside...

The React Date Picker component is an adaptation to Facebook's React JS framework, allowing developers access to a ready-made date selection system for their apps.In case you need to go to a pretty distant date in the future or past, there's no need to...

The React Color Picker component lets users select a color code by clicking on it in a color spectrum.This color spectrum does not use images and also comes with a color tone selector to easily go through different shades of lighter or darker tones of a...

noUiSlider was created because in Web projects where a range slider was needed, developers previously need to load the entirely jQuery UI framework just for one meager UI component. Since the jQuery UI framework is quite large, it made no sense when it...

Also known as a color picker, these widgets can be used in places where the user has to input a color code. The Spectrum widget prompts a spectrum image with additional sliders for adjusting the seen colors and allowing him to select the desired...

Bootstrap Timepicker adds a new widget to the Bootstrap core, for gracefully selecting time values. It can be embedded as a popup component or as a modal overlayed window, enabling easy selection of hours, minutes and seconds values. Keyboard input can be...

tablesorter helps a developer take a regular HTML table and convert it into a fully-blown data grid component. Ideal for both small and large tables alike, tablesorter adds special buttons to a table's header and footer (if present) that will enable...

The Deleted JS library can be used to add a double-click or opt-in system to your delete buttons. This works by showing a small popup modal right next to the button, asking the user to confirm his action once again. A cancel button is also include, just...

React Toastr lets developers show simple notifications in the corner of a browser window. The component can be used for a wide range of message types and the corner in which notifications are shown can also be changed. React Toastr supports a customizable...