Facebook is an integral part of our lives and we are so used to of check it for professional or personal reasons, that its difficult to live without it. Facebook is so popular that you can find various jQuery plugins which helps you make adapt different features and styles of Facebook on your website.
This is in a way good also because people and accustomed of using Facebook and they can link themselves better with the sites that offers them Facebook like features. Thus we have brought 25 best plugins for jQuery Facebook to bring you closer to your best social media website.
If you like this article, you might be interested in some of our other articles on jQuery Navigation Tutorials, jQuery UI Resources, jQuery Scrollbar Plugins, and jQuery Gallery Plugins.
Hovercard
You can now create a hovercard just like Facebook‘s hovercard, with this plugin. A hovercard can be called as a way to show related information in card format when you hover over text or link.
Facebook like jQuery face recognition
Whenever we upload photos to Facebook, Facebook automatically recognizes the faces in the photo and allow you to tag them. You can do same with the help of this tutorial.
More Information on Facebook like jQuery face recognition
Facebook Style Alert Confirm Box
Facebook Style Alert Confirm Box with jQuery and CSS
More Information on Facebook Style Alert Confirm Box
Facebook Wall
Facebook Wall allows you to display the facebook wall, which can be of an user, a page or an app on your own website. The design of the wall derives from the facebook look’n’feel and is customizable.
More Information on Facebook Wall
scrollExtend and onScrollBeyond
The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates.
More Information on scrollExtend and onScrollBeyond
Tipsy
Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.
Get User Facebook Albums and Pictures
This plugin allows the user to connect on Facebook and choose a picture among his/her own albums. It’s an alternative to the simple upload form the hard drive disk.
More Information on Get User Facebook Albums and Pictures
Facebook search box
This project is inspired by the Facebook contacts search box. You can display the suggestions matching the text with bold names and pictures
More Information on facebook search box
My Facebook Style Sidebar
Create a facebook style sidebar with content display on the right side.
More Information on My Facebook Style Sidebar
Facebook Menu System
This menu it’s based on the same idea used on facebook web site. The menu system work only with the UL html tag, no other tags are used.
More Information on Facebook Menu System
FCBKcomplete
Fancy facebook-like dynamic inputs with auto complete & pre added values.
More Information on FCBKcomplete
Boxy
Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays I’ve seen by providing an object interface to control dialogs after they’ve been created.
fcbkListSelection
FcbkListSelection – fancy item selector (like facebook friends selector) with wide range of options.
More Information on fcbkListSelection
Ajax Flag Menu
AjaxFlagMenu is a simple vertical menu developed JavaScript, design is inspired from a social website Facebook
More Information on ajaxflagmenu
Facebook Style jQuery Chat
This jQuery chat module enables you to seamlessly integrate Facebook style chat into your existing website.
More Information on Facebook Style jQuery Chat
jQuery Tokeninput
Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, 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.
More Information on jQuery Tokeninput
Facebook jQuery-Like-Button
This is a Facebook jQuery-Like-Button-Plugin with callback functions for like and unlike events.
More Information on Facebook jQuery-Like-Button
Facebook-like Registration Form with jQuery
Create a facebook-like sign up form.
More Information on Facebook-like Registration Form with jQuery
Facybox
A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages.
oEMBEDit
oEMBEDit is a plugin for jQuery that allows developers a way to mimic Facebook’s style of embedding videos. An image is displayed first and when clicked on, embeds a defined video.
Facebook Status
This is a super lightweight tool to display a publicly accessible facebook status.
More Information on Facebook Status
Edit Image FaceBook Style
This will add a link when hover on image. like if you hover on your profile image on facebook. This Plugin meanwhile works on Div Only
More Information on Edit Image FaceBook Style
Facebook Like Button
This is a wonderful plugin for easy installation of Facebook Like button. It allows you to pass in all button parameters along with optional meta/open graph tags.
More Information on Facebook Like Button
Facebox
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
More Information on Facebox
WP Like Locker – Like to Read Plugin (Paid)
WP Like Locker will allow you to add thousands of fans to your WordPress site on Facebook with almost no work. It is very benificial for professional bloggers.
More Information on WordPress Like Locker – Like to Read Plugin
ty for great lists ☺
Great collection of plugins, thanks a lot for the post
I have bookmarked this article because these jQuery tools are going to help me on my future projects saving me from coding from scratch
great work… i really loved this post… thanq so much…
Good ……. MY SEARCH ENDS HERE
can you make modification in that facebook sidebar menu plugin.. so that it should actually work like facebook, i mean url should change to that page url. for example if we are loading settings page in one of the tab then url should show that url as if it is not loaded normally not via ajax…..pls i need such menu bar.
correction to above comment: if we are loading settings page then it should show url of that page normally as if it is loaded normally, not via ajax.
This post is definitely bookmark worthy – thanks Slo Dive!
I agree. This post should be bookmarked. We really have to thank SloDive for sharing this great post.
I didn’t know-ed that there are jQuery plugins also for facebook too. I will try some of the plugins.
This is a very useful resource. Bloggers do search for a post like this in the net. It‘s great you have it here. Great share!
ya i agree,All blogger need this jQuery Facebook plugins.
This article is great. It concludes almost all useful jQuery Facebook Plugins for web developers.