New UI Components for Web

There are a few plugins and libraries around that can already to this, but Tablesaw provides not only support for properly displaying tables on mobile devices, but also adds features and controls that improve the way tables are navigated and interacted...

X-rayHTML works the following way. The developer adds a block of code to the page and passes it to the plugin. X-rayHTML will create a container where the code is executed and the results are displayed. Along with the final result, a "view source" button...

jQuery Date Range Picker does what its name says, letting users select a time interval by allowing them to choose a starting and ending date for their activities.
The plugin works via a classic popup like all date pickers, but an inline mode is also...

The tagEditor widget lets users enter their own tags or keywords, automatically transforming them into a pill button when the SPACE, ENTER or COMMA keys are pressed.
The plugin can also work with a local database and show input suggestions whenever the...

jQuery MiniColors is simple, compact, and can be attached to a text or a hidden input control.
When triggered, users can either type in a hex color code, or just select the desired color using the popup spectrum.
The chosen color can then be used inside...

Made with CSS 3 transitions, these loading indicators use no images at all and can be easily styled by modifying a few lines of CSS 3 code (shape, color, size).CSS 3 is responsible for the animation sequence, while jQuery is used to show and hide the...

By default, using the <input type="range"> tag adds a simple input slider that can be adjusted via mouse drag and drop actions, or via the keyboard left-right keys.
This element is specific to the new HTML 5 standard, and so is not supported by...

jScrollPane is a cross-browser solution for showing custom scrollbar graphics that gracefully degrade to default scrollbars in older browsers and when JavaScript is turned off.
The plugin works with gra&drag gestures, but also with mouse wheel scrolling...

Bootstrap Confirmation works by showing a "Yes/No" buttons inside a popover next to the button the user has pushed.
The Yes/No text is customizable and can be replaced with anything the developers considers it fits the action the user is trying to...

jsGrid works on regular HTML tables, but improves them using additional controls added on top.
These controls can help users with sorting the data, filtering large data sets, adding, editing, or deleting rows, and also by paginating rows across multiple...