A responsive 3D Shader/3D carousel carousel for images and video. Built with Three.js & WebGL. Lightweight, fast, and customizable.

tishonator

Carousel 3D Slider

Configure a Responsive 3D jQuery Carousel Slider and Insert it in any Page or Post as a Shortcode.

Perspective 3D Carousel

Perspective 3D Carousel PRO plugin allows you to insert and configure a Responsive jQuery Slider into your WordPress site as a shortcode.

Shader Carousel lets you showcase images, videos, or custom items in a sleek Shader/3D carousel layout with full integration with <a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a>. 
It’s fast, accessible, and fully customizable. Works with Gutenberg and classic shortcodes.
<h3>Highlights</h3>
Experience a true 3D Shader carousel built with WebGL and Three.js. 
Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect with <a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a> support.Stable tag:
<h3>Main Features</h3>
<ul>
<li>Responsive Layout – Fully responsive and adaptable to any device. </li>
<li>Desktop & Mobile Optimized – iPhone, Android, and desktop browsers supported. </li>
<li>Lazy Scrolling/Loading – Loads only when visible, improving performance. </li>
<li>Customizable Size – Set any width, height, and aspect ratio. </li>
<li>Multiple Display Types – Responsive or afterparent mode. </li>
<li>Preloader – Optional animated preloader. </li>
<li>Items Ratio – Portrait, landscape, or custom format. </li>
<li>Infinite Loop – Optional infinite loop and <a href="https://fwdapps.net/p/sc/preset13.html" rel="nofollow ugc">non-infinite loop</a>. </li>
<li>Lightbox Video/Audio Support – Supports:
<ul>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=3" rel="nofollow ugc">.mp3</a></li>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=0" rel="nofollow ugc">.mp4</a></li>
<li>Shoutcast, Icecast</li>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=6" rel="nofollow ugc">YouTube</a></li>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=7" rel="nofollow ugc">Vimeo</a> & Vimeo Pro</li>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=4" rel="nofollow ugc">HLS/.m3u8</a></li>
<li>DASH MPEG/.mpd live streaming</li>
<li><a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=2" rel="nofollow ugc">Google Drive</a></li>
<li>Dropbox, Iframe, PDF, and <a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=10" rel="nofollow ugc">Google Maps</a></li>
</ul>
</li>
<li>Private Video & Audio – Password-protected content inside the <a href="https://fwdapps.net/p/sc/preset1.html#/?rlguid=fwdsc0_&rlmid=5" rel="nofollow ugc">lightbox</a>.</li>
<li>Chromecast Support – Cast MP4, MP3, or HLS/m3u8 files to TV and control playback.</li>
<li>Video Thumbnails Live Preview – Auto-generated from VTT files.</li>
<li>Subtitle Support – Display subtitles inside the <a href="https://fwdapps.net/p/sc/preset2.html#/?rlguid=fwdsc0_&rlmid=0" rel="nofollow ugc">lightbox</a>.</li>
<li>Automatic Content Detection – <a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a> detects media type from URL.</li>
<li>Slideshow Autoplay – Autoplay slideshow for both carousel and lightbox.</li>
<li>Drag & Swipe – Touch gestures and mouse drag support.</li>
<li>Maximize & Minimize – Double-click/tap to zoom with custom zoom factor.</li>
<li>Share Button – Share to nine social platforms; customizable order.</li>
<li>Noise Distortion – <a href="https://fwdapps.net/p/sc/preset9.html" rel="nofollow ugc">Example</a>.</li>
<li>Caption Support – Optional CSS-styled captions.</li>
<li>Mouse Ripple Effect – <a href="https://fwdapps.net/p/sc/preset12.html" rel="nofollow ugc">Example</a>.</li>
<li>Black & White Effect – <a href="https://fwdapps.net/p/sc/preset11.html" rel="nofollow ugc">Example</a>.</li>
<li>Opacity Strength – Custom opacity for non-centered items.</li>
<li>Snap – Auto-snap the closest item to center.</li>
<li>Scroll Speed & Scale Strength – Fine-tune scroll behavior.</li>
<li>Default & Scroll Curvature – Adjust curvature at rest and during scroll.</li>
<li>Liquid Distortion – Customizable liquid distortion.</li>
<li>Post Processing Effects – <a href="https://fwdapps.net/p/sc/preset13.html" rel="nofollow ugc">Grid</a>, <a href="https://fwdapps.net/p/sc/preset14.html" rel="nofollow ugc">Fluid</a>, Glitch, <a href="https://fwdapps.net/p/sc/preset15.html" rel="nofollow ugc">After Image</a>, and more.</li>
</ul>
<h3>Use Cases</h3>
<ul>
<li>Product carousels </li>
<li>3D carousels</li>
<li>Portfolio galleries </li>
<li>Product sliders </li>
<li>Testimonials or logos </li>
<li>Hero sliders </li>
<li>Interactive media presentations</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/sc/" rel="nofollow ugc">Homepage & Docs</a></li>
<li><a href="https://fwdapps.net/p/sc/#demos" rel="nofollow ugc">Demo</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
<li><a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a></li>
</ul>
<h3>Shortcode</h3>
Basic example:
[fadsc preset_name=”Carousel preset 1″ gallery_name=”My gallery”]
<h3>Development</h3>
This plugin’s full source code is publicly available for transparency and verification. 
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.
<ul>
<li><a href="https://fwdapps.net/p/sc/source.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration as well as a detailed documentation</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>

Alternatives to Shader Carousel

Top alternatives