Best UI Components for Web

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

CSS Progress Wizard can produce timeline-like graphics that can be used to indicate the steps of an operation, and the user's current position in the series.For each step a title and small description can be added, and steps can be marked as "passed" or...

Just include Label.css with any of your projects, add the caption text as a data-label attribute to the page element you want it to show on, and add the positioning rules as classes to that element.The positioning rules are instructions on where to show...

The Picker widget can be added to any page and allow users to select a desired color via a popup window and a color spectrum.The user's color selection is acquired via his mouse's click and then programmatically converted to a color code.Multiple color...

ChillTip works by taking the content inside a page element's title title attribute and projecting it inside the tooltip container.It can work with regular text, or with HTML-formatted content as well.The ChillTip tooltip can be set to appear on images,...

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

gridster.js lets your users move items on a grid setup using their mouse.Additionally it can also let them grab the bottom right corner of a grid item and slowly resize it to a larger or smaller size.The plugin supports multi-column layouts, collision...

TinyTip was developed to be as small and non-intrusive as possible, working without slowing down the page with large JS&CSS files.Its setup is quite simple and tooltips can be added via simple JS calls or via HTML5 data attributes.Tooltips can be shown...

dateRangePicker is not your regular date picker, being specifically crafted for selecting date ranges.By default it shows a list of date intervals which the user can select using a dropdown.At the bottom of the dropdown there's a special option called...