jQuery Ajax Plugin & Tutorials with Example

Sexymetro : Hot or not platform with jQuery & PHP

Sexymetro : Hot or not platform with jQuery & PHP

Sexymetro is a Social Hot or not Platform similar with HotOrNot and Badoo, that allows users to upload their photos and meet new people.

Features:

  • Chat system on every page
  • Mobile site (app style)
  • Cute notification (when another user say you are sexy)
  • Facebook connect
  • 6 languages (english,portuguese,italian,spanish,german,french)
  • Multiple ajax upload
  • Geolocalization

FormBuilder : jQuery plugin for Building Forms

FormBuilder : jQuery plugin for Building Forms

A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.

Features:

  • JSON all the way around. No serliazing/format conversion.
  • More flexible field schema options for future expansion work
  • Form editor and form rendering use templates, making it easier to customize them
  • Better re-use of internal code, much cleaner code
  • Returns a basic API you can use for custom work
  • PHP/Mongo save/load example code is extremely lightweight, and easily replaced
  • Much improved support for multiple instances on a single page

HTML5 File Upload

HTML5 File Upload

This is a HTML5 file uploader, for single or multiple files. You can add files easily by dragging and dropping them or clicking. All files will be uploaded via AJAX or can be added within a form. Files can be renamed before uploading. Server files can be displayed and removed. All the files can be downloaded after they successfully uploaded.

Features:

  • Upload single or multiple files
  • Control files with extensions or mime type
  • Edit filename before uploading
  • Easy setup
  • jQuery & Bootstrap 3.1
  • Options to make it your own
  • PHP examples included

Printer : AJAX style page loading jQuery plugin

Printer : AJAX style page loading jQuery plugin

Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked. It can also function as a rudimentry slideshow (but keep in mind this plugin does not cache any resources, i.e. Printer will make a new AJAX request on each new slide).

Features:

  • A robust API (almost)
  • Super simple setup
  • Super smooth CSS animations
  • Slideshow mode
  • Random page printing direction mode
  • Low overhead (getting there..)
  • Highly customizable behavior and appearance

jQuery Events Calendar via Ajax

jQuery Events Calendar via Ajax

Events Calendar is a flexible plugin that allows you to connect to your database and show up your event days on a calendar view. You can easily list your events on wherever you want on your page via just one click.

Features:

  • Easy installation
  • jQuery powered
  • Cross platform (Php, Asp…)
  • Major browsers support
  • Language support
  • Easy to customize
  • Detailed options
  • 4 events
  • 7 color themes

Picture Cut : jQuery plugin that Upload Drag & Crop Image

Picture Cut : jQuery plugin that Upload Drag & Crop Image

Picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

Features:

  • Ajax Upload
  • Resize image
  • Drag image from explorer
  • Manipulate image size in bytes
  • Cropping image

oLoader : jQuery plugin for nice loading overlays

oLoader : jQuery plugin for nice loading overlays

jQuery ownage loader is a plugin for nice loading overlays. This plugin also contains ownage PageLoader extension to create page preloading overlays.

Tokenize : jQuery Select Multiple Items with Autocomplete

Tokenize : jQuery Select Multiple Items with Autocomplete

jQuery Tokenize is a plugin which allows your users to select multiple items from a predefined list or ajax, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook or tags on tumblr.

  • Intuitive UI for selecting multiple items from a large list
  • Easy to skin / style purely in css, no images required
  • Supports any backend which can generate JSON, including PHP, Rails, Django, ASP.net
  • Callbacks when items are added or removed from the list
  • Select, delete and navigate items using the mouse or keyboard

HTML 5 Upload Image, Ratio with Drag and Drop

HTML 5 Upload Image, Ratio with Drag and Drop

A HTML5 Upload image tool, full use of HTML5 with canvas (with fallback options). Together with a ratio and drag & drop makes this tool ideal for use in a CMS.

Features:

  • uses canvas to crop the image, no server scripts needed!
  • want to use a server script, no problem! simple change it with additional options
  • full HTML5 support
  • save your image with AJAX or use the tradional FORM input file element
  • uses ratio to let it fit your screen or element
  • easy to use
  • additional options to configure
  • bootstrap 3.1
  • jQuery

OpenMes : jQuery Open Messages With Animation Effects

OpenMes : jQuery Open Messages With Animation Effects

OpenMes is a jQuery plugin that is used to create unlimited popups, lightbox, messages, notifications with a lot of animation effects, support text, images, videos and also complicated HTML code. Additionally, OpenMes allows to combine inline and AJAX content for best SEO and performance.



Best jQuery websites design awards