10 jQuery Facebook Style Plugins

Sam Deering
Tweet
10 Awesome Facebook User Interface jQuery Plugins that are very popular, modern, attractive and simple to use. At the same time, it is a challenge for designers to create these kind of user interface. These jQuery plugins help designes to create Facebook style UI with ease.


1. Facebook Style jQuery Chat

Everyone loves the Gmail and Facebook inline chat modules. This jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.
Facebook-Style-jQuery-Chat.jpg
Source


2. Elastic – Make your textareas grow Facebook style jQuery plugin

This jQuery plugin makes your textareas grow and shrink to fit its content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and its competitors is its weight.
Elastic-–-Make-your-textareas-grow-Facebook-style-jQuery-plugin.jpg
Source


3. Tipsy – Facebook-style tooltip plugin for jQuery

Tipsy is a jQuery for creating a Facebook-like tooltips effect based on an anchor tags title attribute.
Tipsy-–-Facebook-style-tooltip-plugin-for-jQuery.jpg
Source


4. Creating a Facebook-like Registration Form with jQuery

In this tutorial, we are going to learn from the best, and create a Facebook-like sign up form.
Creating-a-Facebook-like-Registration-Form-with-jQuery.jpg
Source


5. Facebook Style Wall Post Application with jQuery and Ajax

Are you looking for Facebook style wall post application? It contains update, comment and delete with jQuery animation effect. In this post I had combined some of my old tutorials demos in single page.
Facebook-Style-Wall-Post-Application-with-jQuery-and-Ajax.jpg
Source


6. Facebook like suggestions with jQuery content appears and disappears

This post IS about how to implement Facebook-like users Suggestions. When you click delete(X) button “Do not show this suggestion” the content disappears slowly and to get the new suggestion content appears. I had developed this using jQuery, PHP just some lines of code.
Facebook-like-suggestions-with-jQuery-content-appears-and-disappears.jpg
Source


7. FaceBoox style autosuggest with jQuery

This autosuggest search engine is inspired from Facebook for design, uses jQuery as ajax framework and BSN Autosuggest libs.
FaceBoox-style-autosuggest-with-jQuery.jpg
Source


8. Boxy – Facebook-like Dialog Overlay with Frills

Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. For simple usage scenarios, boxy also provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user.
Boxy-–-Facebook-like-Dialog-Overlay-with-Frills.jpg
Source


9. Facebook jQuery-Like-Button-Plugin

with callback functions for like and unlike events.
Facebook-jQuery-Like-Button-Plugin.jpg
Source


10. Facebook Style Emotions Jquery Plugin

These new Emotions style helps you to convert text symbols into emotion pictures , used while chatting with friends on Facebook.
Facebook-Style-Emotions-Jquery-Plugin.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.