Morph effect on Mouse over using MooTools

At times you would want to highlight the row which is the user is currently selecting or mouse over, this could turn out to be tricky at times. This plugin helps you to achieve that & adds a sleek morph effect whenever the user hovers mouse over the div. Nice effect.

Morph effect on Mouse over using MooTools

Morph effect on Mouse over using MooTools

Resource: Sample | Tutorial

Sliding labels for your form using MooTools

Forms are the most boring thing for users to fill on any website. Adding some spice/SFX to it can make it interesting & this plugin does that by adding a sleek sliding effect whenever a user selects a textbox. Nice effect.

Sliding Labels using MooTools

Sliding Labels using MooTools

Resource: Sample | Tutorial

iPhone style password input using MooTools

Create an iPhone style password input experience for your website visitors using this MooTools Plugin. Good thing about the iPhone password input style is that you are aware of what you are typing than typing something in the dark & expecting it to be correct.

iPhone Style password using MooTools

iPhone Style password using MooTools

Resource: Sample | Tutorial

Stunning circular motion effect using jQuery

jQuery is such a powerful library that few people fear jQuery can mimic the effects created using Flash. This tutorial is one such example of creating a stunning circulation motion effect using jQuery which so far most of us would have thought that this can be created only using Flash.

Stunning circular motion effect using jQuery

Stunning circular motion effect using jQuery

Resource: Sample | Tutorial

Geo Location made using MooTools

MooGeo is an excellent mootools plugin which enables accessing Geo Location based information easier. With Geo Location being the current trend, this plugin would make the life of any developer easier by wrapping the default geo location processing. MooGeo wraps access to the following services – Yahoo PlaceMaker, Yahoo GeoPlanet, jsonip.appspot.com, W3C Geo location, Flickr.places.findLatLon.

Geolocation parsing made easy using mootools

Geolocation parsing made easy using mootools

Resource: Sample | Tutorial

Integrating Twitter on your site made simple using jQuery

jTweet is a feature packed Twitter Plugin using jQuery which makes integration of twitter on your website a jiffy by using only 2 lines of code. jTweet plugin has several options which allows you to customize & embed the twitter module based on your needs on the site. Excellent jQuery plugin.

Integrate twitter using jQuery

Integrate twitter using jQuery

Resource: Sample | Tutorial

Add Rounded border to images using jQuery

Adding CSS to webpage & expecting it to work on all browsers is always a tricky component. Especially when it involves some special effects like rounded border for images or div’s its always a nightmare getting it to look similar on all browsers. This tutorial shows a neat way of adding rounded border to images using jQuery.

Add rounded border to images using jQuery

Add rounded border to images using jQuery

Resource: Sample | Tutorial

Bubbleup Menu items using jQuery

Bubbleup is a sleek jQuery plugin which can be used to bubble up the selected menu item similar to the Apple Fish eye effect but this looks much better. Especially the demo used by the author to bubbleup social media links on site is an useful feature to embed on any website.

Bubbleup Menu items using jQuery

Bubbleup Menu items using jQuery

Resource: Sample | Tutorial

Create Charts similar to Excel using jQuery

gvChart makes use of Google Apis to create a cool interactive chart visualization for data stored in html table. It has the following chart types which can be embedded on your site: Area chart, LineChart, BarChart, ColumnChart, PieChart, AreaChart.

Create Charts using jQuery

Create Charts using jQuery

Resource: Sample | Tutorial

Animate a series of images using jQuery

cAnimate is a jQuery plugin which allows you to take a series of images & using the cAnimate convention animate them at any desired speed. You can add styles to the element & create your own custom animation on page without using Flash or any movie & just pure jQuery on page.

Animate a series of images using jQuery

Animate a series of images using jQuery

Resource: Sample | Tutorial