Best UI Components for Web

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 principles behind Slctr have been used in UI design for years, the most obvious and well-known example being the way users can select content by drag and drop in Adobe Reader.Slctr implements a similar such system for Web content, allowing a user to...

ProgressBar.js uses the power of SVG to animate a progress indicator for your Web projects.The progress indicators created by this library can follow known movement patterns like lines, circles, squares, triangles, etc., or they can be modified via SVG to...

pickadate.js can be used in modern UIs for allowing users to select date values using a nice popup instead of manually typing the date values using special formatting rules.It was developed as a smaller, faster alternative to jQuery UI's date picker...

The iOSList widget can be used only with larger lists organized in categories or alphabetically.As the user scrolls down the list, the most recent list category's header is pinned to the top of the scroll container.If the list view goes into the next list...

SwipeOut implements a common UX pattern found in most mobile applications: the "swipe to delete" gesture.While this can be pretty easy to implement in native mobile apps, SwipeOut provides a way to make this work in JS-based applications.The plugin works...

ArmedButton works by taking away the user's option of clicking a button and having something happen.With this plugin on your page, every button click is followed by the classic and sometimes annoying "Are you sure?" question.Well, not quite the question...

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...

AutoSwitcher can be used to build a tab panel widget with a minimal UI.The component requires jQuery and comes with no CSS files.This means developers can easily add it to their own projects and let the widget assume the CSS already in place.There's no...

Bootstrap Colorpicker is a jQuery plugin that adds a color picker module to the Bootstrap UI framework.The plugin is based on Stefan Petre's Colorpicker for Bootstrap plugin and works in many ways the same.It is available in both popup and inline modes,...