Best jQuery 3D Slider Plugins & Tutorials with Demo

Vue 3D Carousel for Vue.js

Vue 3D Carousel for Vue.js

Vue Carousel 3D – Beautiful, flexible and touch supported 3D Carousel for Vue.js

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow with JavaScript & CSS

Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors.

  • Responsive / Fluid layout with autoscale function.
  • Mobile and desktop optimized.
  • Scroll and/or drag and swipe functions for the desktop and mobile devices.
  • Mouse Wheel support – navigation with mouse wheel scrolling.
  • Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

SamsaraJS : Layout Animation library

SamsaraJS : Layout Animation library

SamsaraJS is a functional reactive library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and animating these properties over time. Everything in SamsaraJS — from the user input to the rendering pipeline — is a stream. Building a user interface becomes the art of composing streams.

jR3DCarousel : jQuery 3D Responsive Carousel

jR3DCarousel : jQuery 3D Responsive Carousel

jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

Features:

  • Modern effects
  • Responsive
  • Fullscreen Carousel
  • Tiny plugin (gzipped ~ 1.68KB, uncompressed ~ 4.95KB)
  • Infinite scroll
  • Multiple slideLayouts to maintain aspect ratio of images
  • Minimal configuration, easy to install
  • Useful public API for extending the functionalities like custom nav buttons.

Cloud 9 : jQuery 3D Carousel

Cloud 9 : jQuery 3D Carousel

A 3D perspective carousel using jQuery/Zepto focused on performance, based on the original.

Theta Carousel 3D : jQuery Plugin

Theta Carousel 3D : jQuery Plugin

Theta Carousel 3D is a 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.

CardSlider : jQuery 3D Card-Style Image Slider

CardSlider : jQuery 3D Card-Style Image Slider

CardSlider is a responsive CSS3 3D Card-Style jQuery slider plugin which get inspiration from FWA landing page’s awesome slider.It can make images in to 3d card-style and animate them use CSS 3D transforms and CSS animations.

  • Responsive.
  • 3D Card-style with CSS3.
  • Dark & Light Skins included.
  • Pagination & Navigation controls.
  • AutoPlay supported.
  • Hardware Accelerated CSS 3D Transforms & Animations
  • Slide in six direction width shadow and animations.

Carousel-3d : jQuery plugin 3D Carousel Slider

Carousel-3d : jQuery plugin 3D Carousel Slider

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.

Bee3D Slider : Touch-Enabled Pure JS Plugin

Bee3D Slider : Touch-Enabled Pure JS Plugin

Bee3D Slider is a floating 3D slider and carousel plugin built with pure Javascript and CSS3 transformations!

Features:

  • Touch-Enabled
  • 9 3D Effects available, with more on the way…
  • Autoplay, with optional pause on hover
  • Infinite Loops
  • Parallax effects, optional
  • Auto-Focus on load
  • Lightweight, 5KB minified
  • Responsive Image Support
  • Video Carousels
  • Mobile-friendly
  • Extensible callbacks
  • Styles come in LESS, SASS, and Stylus

Cloud Slider : Responsive jQuery Slider Plugin

Cloud Slider : Responsive jQuery Slider Plugin

This is a responsive jQuery slider plugin. It supports many features like: responsive, touch enabled, smooth layered animation, 2d & 3d transitions, 12 easily customizable built-in skins, unlimited 2d & 3d carousels and category carousel, ken-burns effect, video embedding, powerful APIs.