16 Cool jQuery 3D Effect Plugins

Here are 16 cool jQuery plugins with 3D effects, no flash needed just javascript, html5 and css3.

Teta Carousel 3D Ad

jQuery plug-in that helps you quickly and easily organize your content in 3D space. The plug-in supports responsive layout with the auto scaling capability and is just perfect for displaying content on all screen sizes.


Carousel 3d

A simple 3D carousel widget. It supports all major browsers including IE8,9 with best effort. Full 3D effect requires css transform3d support browsers. And this widget works with not only images but any html elements as child.



An experimental CSS 3D dropdown concept, wrapped up in a jQuery plugin.



jQuery Flipster is a CSS3 3D transform-based jQuery plugin that replicates the familiar ‘cover flow’ effect and now features a ‘carousel’ effect!


3D curtain

A 3D curtain style animation using Animate.CSS and jQuery. Comes with mousewheel support with debounce.



Adaptor is a light-weight content slider that aims to provide a simple interface for developers to create cool 2D or 3D slide animation transitions.


Impulse Slider

This is jQuery 3D slider plugin that use CSS3 transforms and jQuery to produce a cubic 3D effect. In this second article, The author will demonstrate how to use some extra features to create a cubic slider with four square images and two navigation buttons.



CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions.


Cute Slider

Tired of boring flat sliders? Looking for a unique slider? Here’s what you want, with Cute Slider you will be able to show your slides with awesome 3D & 2D transitions. Cute Slider makes your ideas alive, It gives you what you desire,you can use it as an advanced 2D slider with tons of 2D transitions, or add third dimention to your slider and create a unique and impressive 3D slider.



RefineSlide is a simple jQuery plugin for displaying responsive, image-based content (with shiny animations). CSS transitions are used wherever possible, which currently makes for varied performance across browsers and platforms.


three.js – JavaScript 3D library

The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides canvas, svg and WebGL renderers.



Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations.



With the CSS3 3D transformations we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects.


Real Shadow

jQuery Plugin that casts photorealistic shadows. Perfect for eye-catching demos and landing pages.



An experimental CSS 3D scroll behavior jQuery plugin.


Avgrund Modal

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior).


3D Carousel

3D Carousel is a powerful jQuery plugin that allows you to arrange a set of images in a carousel layout.


MINI 360 Degrees Viewer

This viewer uses a list of images to simulate a 360 degrees object rotation. The multiple interaction methods makes is usable even on touch devices.



An easy to use CSS 3D slideshow tool for quickly creating good looking HTML presentations.



  1. Masud Hasansays:

    on Makisu,
    here did work any link (a) tag,
    are you can send me a modify Makisu ?
    like this formate ,
    menu > ul >li > a
    click or hover dropdown menu.
    Thank you.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.