Best UI Components for Web
The Nestoria Slider plugin, also known as jquery.nstSlider.js, allows developers to replace input fields with a horizontal drag slider that allows users to adjust the value of a field using a special handle and drag & drop actions.Moving the handle to the...
Portfilter works by looking at a collection of items and hiding/showing items based on a custom "data-tag-" added to the them.Buttons can be shown next to each data collection, which when pressed will filter only the items containing a certain data...
Insignia is a classic tag entry component coded entire in JavaScript, skinnable via CSS, and with pretty good cross-browser support.The component is lightweight when it comes to file size, and comes with keyboard navigation, automatically removing the tag...
jquery.mb.valueSlider transforms regular text input fields into a horizontal line with one or two handles that can be adjusted using the mouse.These handles let the user select the value they want without having to type it and the plugin lets developers...
Makisu provides an animated alternative to drop-down select fields.While JavaScript was and is mainly used for form masking techniques, CSS3 is providing new ways of styling Web forms.This small library uses a fold/unfold animation to open/close the...
Ouibounce watches for when the user's mouse leaves the browser's viewport (the page viewing area) by the top of the page, and shows a modal window when this happens.The principle behind the library is simple. In all browsers, the tabs and tab close...
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...
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...
Mootify wraps the official HTML5 Notifications API, allowing developers to easily setup and then show small bubble alerts on your desktop, triggered from within a Web page.Notifications can have a custom icon, the developer can manage their title and...
WebUI Popover is for showing popovers, UI elements that are practically like tooltips, but enhanced with extra features like the ability to show a header (title), show a close button, trigger on click or hover, support custom positioning, auto-adapt to...
