New UI Components for Web

Gridify works by taking a collection of photos and displaying them on a grid layout.Images of different sizes can be used, the plugin homogenizing them to an unique width and then arranging them in different columns.Whitespace is kept at minimal, support...

Inspired by the classic iOS toggle elements, the 'Just some slider' buttons will automatically adjust their width based on their largest text.This means that if we have a label of "Activated" for the ON state and "Deactivated" for the OFF state, the...

AmaranJS can be used whenever the developer needs a sleek way of showing feedback messages to the user without clogging up the middle of his screen.This small plugin lets developers show small popup messages in one of his browser's corners, and also...

ggtooltip.js is a tooltips component coded as a jQuery plugin, also capable of being used with Bootstrap applications.Tooltips can be setup using JavaScript or some HTML5 data-* attributes right in the HTML code, and they can easily be skinned with...

How the "Trackpad Scroll Emulator" works is pretty simple.When the user hovers his mouse over a scrollable element, a small bar appears to the side or bottom (instead of the clunky browser default scroll bars) signalizing the possibility to scroll the...

The jQuery date picker plugin was one of the first tools of its kind for the jQuery JavaScript framework, a reliable plugin for simplifying how dates were selected.Even if first developed almost a decade ago, the plugin comes packed with many features...

tabsLite is a lighter version of the jQuery UI tab switcher.Unlike that peculiar component, tabsLite uses only jQuery and not the entire jQuery UI library.Everything else works the same, supporting an unlimited number of tabs and CSS-based skins.Inside...

basicNotification is quite easy to use and will show a container, an icon, and the notification text.The text and the icon are fully customizable via the plugin's parameters, while the container can be styled via CSS to create custom skins for the...

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

JogDial.js is a standalone JavaScript code snippet that can help you create jog dial controls, also known as knobs or dial buttons.These are special UI elements which let users adjust settings (input values) by grabbing a button and twisting it.JogDial...