Best jQuery jQuery UI Plugins & Tutorials with Demo

    Sausage : jQuery infinite Pagination with Demo

    Sausage : jQuery infinite Pagination with Demo

    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.

    Styling Buttons and Toolbars with the jQuery UI CSS Framework

    Styling Buttons and Toolbars with the jQuery UI CSS Framework

    By popular demand: coded real-world examples of themeable buttons and toolbars using the jQuery UI CSS framework, a system of classes developed for jQuery UI widgets that can easily be applied to any plugin, and even static content.

    jQuery UI CSS framework which provides a set of semantic classes that can be applied across a wide range of UI widgets. The framework works by stacking multiple classes on an element, some generic to the framework and others that are custom to each widget.

    Chico UI – jQuery User Interface Components

    Chico UI – jQuery User Interface Components

    Chico UI is an open source and free set of user interface components to ease developing with jQuery.

    The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.

    There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.

    jQuery EasyTabs Plugin

    jQuery EasyTabs Plugin

    EasyTabs is a jQuery plugin that handles all of the tab functionality, leaving the styling to you.

    Features :

    • Lightweight: the minified version is only 8KB – vs 20KB for only the jQueryUI core + tabs widget
    • Provides smooth transitions between panels when tab is selected
    • Allows complete customization of appearance, layout, and style via CSS
    • Supports back-button and forward-button in browsers
    • Tabs are bookmarkable and SEO-friendly
    • Loads AJAX content, or anything not already on the page
    • Tabs can automatically cycle at a specified interval
    • Can have multiple EasyTabs instances on one page
    • Written in jQuery plugin format, chain-able with other jQuery commands
    • Styles your tabs in any way (either through javascript or CSS)

    Aristo – A jQuery UI Theme

    Aristo - A jQuery UI Theme

    Aristo is the respective open source themes of SproutCore and Cappuccino, applied to their parent JavaScript libraries. You can see a great comparison of the two in this article by Allen Pike. This UI libraries duplicate the functionality of jQuery UI slightly, but look simply amazing doing so. I had already started mocking and building my own jQuery UI theme when I re-discovered the Aristo PSD. I decided to abandon my work and port the “Aristo” theme for Cappuccino over to jQuery UI.

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI

    Knockout a Dynamic jQuery UI a dynamic jQuery UI by applying the Model-View-View Model(MVVM) pattern.Easily associate DOM elements with model data using a concise, readable syntax.When your data model’s state changes, your UI updates automatically.

    Knockout is a JavaScript library that helps you to create rich, responsive display and editor user interfaces with a clean underlying data model. Any time you have sections of UI that update dynamically (e.g., changing depending on the user’s actions or when an external data source changes), KO can help you implement it more simply and maintainably.

    Create a Windows-like Interface with jQuery UI

    Create a Windows-like Interface with jQuery UI

    In this tutorial, we’ll be learning how to utilize jQuery UI to create a highly-functional user interface without using anything else. By the end, you should be familiar with jQuery UI, some of its components, and basic understanding of jQuery UI customization. Ultimately, we’ll be building a user interface akin to windows, with dialog boxes that are draggable, resizable, minimizable and maximizable.

    rlightbox – a jQuery UI mediabox

    rlightbox – a jQuery UI mediabox

    rlightbox is a jQuery UI mediabox that can display many types of content such as images, YouTube and Vimeo videos. It has many unique features like Panorama and Live Re-size. Like other jQuery UI widgets, it is ThemeRoller ready.

    jQuery Widgets unique library for jQuery UI Development

    jQuery Widgets unique library for jQuery UI Development

    jQWidgets gives us something new and special. It’s a new and unique library for jQuery UI development and unlike others it makes our Apps and Websites look beautiful on desktops, touch devices and mobile phones. jQWidgets is the ultimate UI toolkit for the next generation of cloud apps development and it is built entirely on open standards and technologies like HTML5, CSS, JavaScript and jQuery.

    jQuery EasyUI framework

    jQuery EasyUI framework

    jQuery EasyUI framework help you build your web page easily.

    • easyui is a collection of user-interface plugin based on jQuery.
    • using easyui you don’t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
    • easyui is very easy but powerful.