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.

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.

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.

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.

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.

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.

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.

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.

9. Facebook jQuery-Like-Button-Plugin

with callback functions for like and unlike events.

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.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.