New UI Components for Web

The buttons work basically the same way the Facebook Like button works, only instead of liking something, users can also "hate" or " dislike" it.These buttons save the user's option to a local cookie file, so whenever the user returns to the page, the...

All buttons have a 3D-looking effect and have been built using the :before and :after CSS pseudo-elements.These pseudo-elements allow the developer to add any content before and after the button itself, including complex borders, icons, extra text,...

Sticky Social Bar is a great way of showcasing someone's social media profiles via icons attached to the side of the page.Hovering the icons will make then expand sideways and reveal a small text (default is the social network's name).All of the icons are...

Created on top of the idTabs jQuery tab panel plugin, nanotabs ports the same functionality, but without the jQuery dependency.This will allow developers to use it in Web projects where jQuery isn't required, but still attain all the property and features...

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

Lightswitch works like any other form masking plugin, hiding the browser default form styles and replacing them with an iOS-like interface.This new iOS interface is created via HTML, CSS and JS, which allows the developer even more room for further...

The "Responsive Tables" jQuery plugin will constantly sniff for the page's current viewport size and resize HTML tables so they won't go off-screen.Once a certain page width breakpoint is passed, the HTML table is hidden completely and replaced with a...

The UI Feedbacks package shows and helps developers add better interactivity to their Web-based UIs with the help of some nifty animations and effects.UI Feedbacks can be used just for inspiration, or you can copy it down right in your code as well.The...

The Inline Confirmation plugin for jQuery allows developers to create an intermediary step for all user-taken actions.This intermediary step can be used for important controls displayed on page, usually the ones related to delete or save actions, and...

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