Best UI Components for Web
Paper Collapse was inspired by Google's famous Material Design presentation and is a nifty little tool for enhancing the way accordion panels are displayed on a page.Instead of expanding them every time an option is clicked, the Paper Collapse plugin...
jTabulator is easy to setup and will take a simple table structure and convert its data into a pie chart, appending it to the side of the original table.The user can control the chart color from the HTML, while many other settings are available through...
OuiCal supports the following calendar services:Google CalendarYahoo! CalendariCal CalendarOutlook CalendarThis small library allows developers to add a special button on their page, which when pushed loads the respective service's interface, with some...
Sensei Grid uses jQuery to let users select a table cell using their mouse and press Enter to activate the editing mode.Content can then be edited using a text input field or a textarea, but if certain limitations must be respected for the table data, the...
Can be used to render styleguides from CSS code and its comments.KSS (Knyle Style Sheets) focuses on how people work with CSS — it does not define code structures, naming conventions, or methods for abstraction.Works with CSS, LESS and SASS.An...
jQuery.Simple-Rangeslider is built on André Ruffert's rangeslider.js plugin and creates simple drag sliders that can be used to replace classic numerical input elements.Instead of typing in the desired value by hand, this jQuery plugin lets users...
Bootstrap Application Wizard can be used to display various steps inside a modal window, breaking down large user input areas into smaller, easier to fill sections.The component will prevent users from jumping between sections if the previous step has not...
jQuery datagrid works by overtaking the way HTML tables are displayed on a page, adding more user interaction features to the table's UI.These include the ability to sort data columns, automatically paginate large table data, and use special filters to...
LiteScroll, or lite-scroll.js, provides a pretty simple way of adding your own UI for the scroll bar element.Not covered in the CSS standard, the scroll bar usually has a different style based on the browser used to access the page.This plugin hides...
Angular Tooltips provides an easy way of adding a tooltip component system to your page, showing beautiful speech-like bubbles when specific elements are hovered with the mouse.
The component includes cross-browser support and is extremely easy to...