10 Great 3D Effects using jQuery

3D is now a commodity with 3D TV’s being all the rage and the latest cinema flicks are nearly always in 3D. With this in mind we can use jQuery to bring amazing 3D effects to our websites! From galleries to menus & text, 3D can take the user experience to the next level. Here are 10 jQuery 3D effects/plugins. (8. and 10. are pretty good!) Enjoy!

Related posts:


1. jQuery TagCanvas


A JavaScript class which will draw and animate a HTML5 canvas based tag cloud. In general tag clouds use the font size of the tag links to highlight their frequency or popularity, so TagCanvas uses the size of the tag text to determine the weight of each tag.
jQuery-TagCanvas.jpg
Source


2. jQuery 3D Label Effects


A jQuery plugin that applies highlight and shadow effects to text in a control so as to create a 3d effect.
jQuery-3D-Label-Effects.jpg
Source


3. TextDepth: 3D-text jQuery Plugin


Allows creating awesome 3D text effect with jQuery. Enjoy 3D effect in all your text with this easy to use plugin. It comes with the following options to customize the 3D Effect: Depth, Wrapper, Shade_Color, Gradient.
TextDepth-3D-text-jQuery-Plugin.jpg
Source


4. jQuery Three Dee


A plugin for the jQuery JavaScript Framework, which converts text into 3D text that can be viewed with simple red/blue 3D glasses. The plugin uses CSS3, with a fall-back for older browsers to create the 3D effect.
jQuery-Three-Dee.jpg
Source


5. 3D Sphere Using jQuery


Ever wanted your tag cloud to resemble a ball? Of course you did. This tutorial will walk you through how to create a Sphere in jQuery.
3D-Sphere-Using-jQuery.jpg
Demo
Source


6. jQuery Smart3D


This plugin provides a lot of options to customize the behavior. It provides a set of interesting effects that can be used to design interactive websites. Use them on site headers to create appealing websites.
jQuery-Smart3D.jpg
Source


7. jQuery 3D ObjectVR


This jQuery libraray helps you create attractive and lovely 3D shapes. Change the perspective, tilt, rotate and play with the shapes using the jQuery 3D ObjectVR plugin.
jQuery-3D-ObjectVR.jpg
Source


8. Cloud Carousel – A 3d Carousel in JavaScript


There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist (see this and this), the commercial Flash products tend to have better aesthetics and polish. This is cool!
Cloud-Carousel-–-A-3d-Carousel-in-JavaScript.jpg
Source


9. Tagosphere


A 3d animated tag cloud generated from an array. You can easily customize it by tweaking the eide range of options provided by this plugin.
Tagosphere.jpg
Source


10. 3d tag cloud


This is a jQuery plugin to create a 3d tag cloud from an unordered list. Create tags that rotate with a 3d effect usig jQuery. This plugin provides a lot of options to customize the looks of the amazing jQuery 3d tag cloud. Scroll in and out with the mouse wheel!
3d-tag-cloud.jpg
Source