JavaScript
Article
By Sam Deering

5 jQuery User Interfaces

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Designing user interface is such a hard task; you might already faced situations wherein you realize that your design skills are getting old. If this bothers you, jQuery User Interface is the answer. With the help of jQuery enhancements, designing each and every part of a webpage’s user interface is not a big deal anymore. There are lots of jQuery User Interface that are available for download from different websites; you’ll just need to choose what would fit your website.

I have here a few list of jQuery User Interface that might help you.

1. jQuery Imageless Button


This plugin is a nice mock up of Google’s imageless button.

Source: http://swizec.com/code/styledButton/

2. Animated Sharing Bar


Create your very own animated sharing button for social networking sites.

Source: http://tutorialzine.com/2009/12/animated-share-buttons-jquery-css/

--ADVERTISEMENT--

3. Image Gallery with Easy Switching


This is a very nice image gallery with contents beside it for quick view.

Source: http://designm.ag/tutorials/jquery-display-switch/

4. Buttons with Sliding doors effects


Create buttons of any size using the same Sprite image.

Source: http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/

5. jQuery Fly-To-Basket Effect


This is useful for ecommerce type of websites, when a user clicks “add cart” the item then flies towards the “basket” of your ecommerce website.

Source: http://www.webresourcesdepot.com/fly-to-basket-effect-with-jquery/

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?