Best jQuery 3D Slider Plugins & Tutorials with Demo

Bugibba : jQuery 3D transition effects SlideShow

Bugibba : jQuery 3D transition effects SlideShow

Bugibba SlideShow easy to use slider with awesome 3D transition effects.

Features:

  • 2 type menu slideshow responsive.
  • 1 type slideshow full screen
  • Adjustable transition speed.
  • Compatible with all major browsers (IE7-IE8 and above , Chrome, Firefox, Safari and Opera)

Amazing Slider : jQuery & WordPress Image Video Slider

Amazing Slider : jQuery & WordPress Image Video Slider

An easy-to-use Windows & Mac app for creating beautiful, professional, responsive jQuery Slider, YouTube Video Slider, WordPress Slider Plugin and Joomla Slideshow Module.Amazing Slider comes with awesome transition effects: Fade, Cross Fade, Slide, Slice, Blinds, 3D, 3D Horizontal, Blocks and Shuffle. Each effect can be further customised to meet your own needs. The pre-made and highly configurable skins can give your slider a professional and unique looking.

StackSlider: A Fun 3D Image Slider with jQuery & CSS3

StackSlider: A Fun 3D Image Slider with jQuery & CSS3

StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.

CodingJack’s jQuery 3D Carousel

CodingJack's jQuery 3D Carousel

CodingJack’s 3D Carousel is a Real 3D using CSS3 3D Transforms carousel plugin with jQuery,Html5 & Css3

The carousel is supported on iOS and Android and includes touch swipe functionality. It looks great on a tablet and will even work on a smartphone. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:

  • Option to display a thumbnail grid instead (the “fallback” presentation)
  • Option to transform the grid fallback into a responsive layout. View either preview from your phone for an example.

jQuery Cute Slider – 3D & 2D HTML5 Image Slider

jQuery Cute Slider - 3D & 2D HTML5 Image 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 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 inpressive 3D slider.

Features :

  • 3D & 2D effects
  • 100+ prest transitions
  • 3 fallback levels(CSS3D, Canvas, 2D)
  • Cross Browser
  • Device friendly
  • Youtuve and Vimeo videos
  • Search engine optimized

Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery

Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery

Recently the ‘flip book’ effect has become really popular on a lot of websites, so I got to thinking about how you could go about pulling off that effect using some jQuery and CSS3. I find that most of the implementations of this code can get a little bit complicated, so I tried to make things as simple as possible.

We’re going to write this code as a jQuery plugin, so first you need to include jQuery. Next we want to include a script called Modernizr. We only need 3D Transforms, and you can download the required script from here. This will ensure everything will work fine in browsers which do not support 3D Transforms. Then you have to make a file called jquery.pictureflip.js which will be where we’re putting our plugin code!

Triple Panel Image Slider in jQuery & CSS3

Triple Panel Image Slider in jQuery & CSS3

In this tutorial we will create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. When navigating, we will slide in the respective next image in each panel. We’ll be using CSS 3D Transforms with perspective and CSS Transitions.

Adaptor : jQuery 3D content slider

Adaptor : jQuery 3D content slider

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.Currently, It has only added 3D support for webkit and Firefox, all other browsers will fallback gracefully to a simple fade transition when using the 3D effects.

All 2D slide transitions have been tested in IE6+ and all other modern browsers.

iCarousel : jQuery Carousel plugin

iCarousel : jQuery Carousel plugin

iCarousel is a powerful mobile-friendly and lightweight jQuery plugin that allows you to arrange a set of images in a carousel layout. The plugin also provides an easy to use API which will allow to further enhance the functionality of the carousel. Great for screenshoot slider.

Features:

  1. Highly Flexible and Customizable.
  2. Multiple instances allowed in a single HTML page.
  3. Works on iOS & Android devices.
  4. Auto slideshow with optional pause on hover.
  5. Easily resizable.
  6. Keyboard support.
  7. Touch support.
  8. 3D & 2D available.
  9. Customizable transition timing function. (easing)
  10. Fast, hardware accelerated CSS3 transitions.
  11. SEO friendly, content is not hidden.
  12. Powerful, documented API — public methods, properties, callbacks.
  13. Each slide can have any html content(except video) and can be any size.
  14. Customizable scroll direction.
  15. Customizable X & Y spaces between slides.
  16. Unlimited slides support.

FueledWeb Pro Thumbnail Scroller with jQuery

FueledWeb Pro Thumbnail Scroller with jQuery

FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the plugin is perfectly used for product showcase, media gallery or item slider.

Features :

  • Google font
  • AdvancedLightbox
  • Responsive Design
  • Over 50 plugin options and 25 theme variables
  • Custom look and feel of Scrollbar
  • Option to auto start from center item
  • Option to auto start slideshow with play and pause button
  • 5 Custom Event Handlers:
    • onSwitchItem
    • onSwitchCategory
    • onShowLightbox
    • onHideLightbox
    • onSwitchLightboxItem
  • Custom theming with 3 built in themes