Best UI Components for Web

taggingJS transforms a regular text input field into a section specialized in acquiring tags or keywords.Every time the user types a word inside and hits ENTER, SPACE, or a comma, the word is converted into a tag with a specific UI style and its own CLOSE...

jquery.mb.verticalSlider is recommended for situations when having to display long lists in a very small space.The plugin takes a list's items and paginates them inside a small container, adding navigation buttons to scroll the list items into view.As the...

aAnyTabs works like most tab panels. It uses a series of buttons displayed on top to switch the visibility of various overlayed content panels.Any type of HTML content can be displayed inside the component, even in the tab panel switch buttons.The panels...

Since technology is evolving constantly, users usually need help getting acquainted with new UI and UX patterns.In these cases, developers will use a presentational tool like the TourTip jQuery plugin, a combination between classical tooltips and an...

Dropdown.js tries to fix a never-ending problem in Web development: the dropdown select list UI.This small jQuery plugin implements a totally new way of selecting items from a popup, dropdown list, even supporting selecting multiple items at the same...

The Bulletin plugin works inside a small band shown in a fixed position at the bottom of each page.Inside this band, links to one or more news items can be shown, being rotated in a vertical direction.Bulletin's JS parameters allow developers to customize...

Ladda uses various techniques to overlay or inject a preloader animation/graphic inside the button's body every time it's pushed.This unique concept was developed especially for AJAX-based UIs, being non-intrusive to the rest of the interface.An overlay...

jQuery Interactive 3D works by taking a series of related product images and displaying them one after the other, in a quick succession.The used images must be shot from various perspectives and arranged accordingly to form a smooth 3D rotation motion.If...

rgbaColorPicker can handle selecting and outputting colors in hex and RGBa color codes, along with the HTML color names convention.The main difference between rgbaColorPicker and other color pickers is its support for selecting the color's opacity level,...

bsmSelect takes the user's selected items from a dropdown list and displays them as tags underneath it.As an item is selected and pulled as a tag, he is also disabled in the list so he cannot be selected again.These "tagged items" can then be easily...