Top UI Components for Web

gridstack.js is a jQuery plugin for creating interactive grid layouts.It allows users to rearrange a grid's elements via drag&drop, but also let's them resize grid items to a new size.Certain position and dimension constraints can be applied, so the grid...

toastr is a very versatile JavaScript-based user feedback system that can show a small notification message every time a user takes an action. Inside the notification message itself HTML content can be used, and the notification popup can be displayed in...

Tipso shows tooltips using jQuery and can optionally animate them via Animate.css. All Tipso tooltips are responsive, adjust to the space they have in the page, and can be shown from all four directions (top, bottom, left, and right). Developers can...

NG-Grid is a collection of AngularJS directives that can add sorting, filtering, and pagination controls to any HTML table. NG-Grid also allows developers to load new content in the table via AJAX, control table headers, manage visible columns, group data...

jquery.colorPalette, as the name implies, uses a list of colors (palette) instead of a color spectrum.This limits the user's color selection opportunities and allows the developer to control the color input inside his application/website.The available...

Greeed, unlike most CSS3-based grid systems, works mainly via JavaScript, which also means it's a lot more configurable and easy to control than relying on the way each browsers "decides" to interpret CSS.The library can be used in creating a grid layout...

The autoComplete plugin works with data passed via a JavaScript variable or with data acquired from a JSON file via AJAX. For remote data there's a smart caching option in the plugin's source, along with support for a minimum character input...

Tab drop for Bootstrap doesn't change the built-in Bootstrap tab panels in any way or form, but only adds better support for responsive layouts.Instead of transforming tab panels to vertical accordions, this plugin shows as many tab buttons as possible...

In the recent years, the science of UX (User Experience) has been slowly growing and more and more Web developers are implementing UX friendly features on their sites.One of the basic principles of UX design is the constant information stream between the...

jQuery Collapser is quite versatile and can be used to build toggle elements in a wide variety of forms.If you have no clue what a toggler is, they are collapsible elements which show/hide content on the user's click.These collapsible elements are a great...