JavaScript

10 Nice jQuery UI Things

Sam Deering
Share

In this post, we are going to share you our collection of 10 jQuery User Interface things that provides really nice interaction and animation, advanced effects and high-level, built on top of the jQuery JavaScript library. Take your users experience into the next level, have fun!

1. jQuery UI + CSS3 Slide Bar Tutorial

Here is new tutorial to add a nice advanced sliding effect bar to your website with JQuery UI and CSS3.
jQuery UI + CSS3
Source + Demo

2. jQUIT Builder

jQuit Builder is a tool which allows you to create custom jQuery UI themes much like with the jQuery UI ThemeRoller.
jQUIT Builder
Source + Demo

3. jQuery Iviewer

Is a jquery ui widget representing image viewer component used to load and view image with ability to zoom image and to drag it with mouse in container.
jQuery Iviewer
SourceDemo

4. Hallo.js : In-Place Rich editor for jQuery UI

A very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable functionality to edit web content.
Hallo.js
SourceDemo

5. jQRangeSlider

A jquery UI range selection slider that supports dates.
jQRangeSlider
SourceDemo

6. elFinder

An open-source file manager for web, written in JavaScript using jQuery UI.
elFinder
SourceDemo

7. jQuery UI Touch Punch : Touch events for jQuery UI with Demo

A duck punch for adding touch events to jQuery UI.This little library was written to punch in touch events to jQuery UI by providing touch proxies that simulate mouse events.
jQuery UI Touch Punch
SourceDemo

8. noUiSlider

Is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.
noUiSlider
Source + Demo

9. rcarousel

Is a jQuery UI continuous carousel with many cool features. It is highly customizable and supports even older browsers (No IE6, please). rcarousel is very simple to use. Just add some elements into a container and run the widget on it!
rcarousel
Source + Demo

10. Sausage

Is a jQuery UI widget for contextual pagination. It complements long or infinite-scrolling pages by keeping the user informed of her location within the document.
Sausage
SourceDemo