Must have UI Components for Web

useful.categories.js can be used to add filters to a collection of items.These items can be images, form fields, paragraphs, DIVs, SPANs, and any other HTML structure that can hold an HTML5 data attribute.The categories on which the filters work are...

useful.color.js is a color picker that works around the new HTML5 color input feature.It uses the operating system's built-in color picker to let users select their desired color, and automatically fills in that color in hexformat inside the form...

useful.date.js is a date picker component that works around the new HTML5 date input feature.By default it enhances the HTML5 date input mechanism with extra features, and also delivers a fallback mechanism for browsers not supporting HTML5.These new...

useful.dial.js is a JavaScript library for rendering dial buttons that can be rotated around their center, just like real-life dials on your radio, microwave, and other electronic devices.The rotating dial is not tied in with a specific component, so you...

useful.order.js will append sorting controls to the top of an HTML list, allowing users to reorder a list automatically with the push of a button.The library works on a series of parameters passed to each list item.The component doesn't care what's...

useful.sort.js adds two arrows to the header of each column.When one of the arrows is pressed, the data inside the table, based on that column will be sorted ascending or descending.The controls work regardless of the table size and the number of columns,...

useful.tiers.js works with the help of dropdown select lists which hold options representing categories in which the content is organized.Only one dropdown is presented at first, but when the user selects an item from this list a secondary dropdown is...

useful.toggles.js lets developers quickly put together tab panels and accordions.These UI widgets can be used to hide larger pieces of content into collapsible and expandable boxes, easy to open and close with the push of a button.Specific toggles can be...

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

WATable takes normal HTML tables and converts them to what other developers have started to call "data grid," or "datagrid" components.These datagrid components are a way to present tabular data using an interface and controls similar to what you usually...