Shader Spiral Carousel lets you showcase images, videos, or custom items in a sleek spiral horizontal or vertical layout plus full integration with Revolution Lightbox (https://fwdapps.net/p/rl). It’s fast, accessible, and customizable. Works with Gutenberg and classic shortcodes.
<h3>Highlights</h3>
Experience a true 3D spiral 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.
<h3>Main features</h3>
Responsive Layout – Fully responsive and adaptable regardless of which device is used.
Desktop & Mobile Optimized – Shader Spiral Carousel adapts to any screen size and any device, whether on mobile (iPhone, Android) or desktop browsers.
Lazy Scrolling/Loading – Option to initialize Shader Spiral Carousel only when it becomes visible on scroll, improving performance.
Customizable Size – Set any width or height. Item size and aspect ratio can be configured as needed.
Multiple Display Types – Display using a responsive layout or an afterparent mode that adapts to the parent element size.
Preloader – Optional animated preloader for smooth initial loading.
Items Ratio – Seamlessly change the items’ aspect ratio to display portrait, landscape, or any custom format.
Infinite Loop – Optional infinite loop and <a href="https://fwdapps.net/p/ssc/preset13.html" rel="nofollow ugc">non-infinite loop</a>.
Lightbox video/audio – Support for various video or audio formats like <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=8" rel="nofollow ugc">.mp3</a>, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=0" rel="nofollow ugc">.mp4</a>, Shoutcast, Icecast, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=15" rel="nofollow ugc">Youtube</a>, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=17" rel="nofollow ugc">Vimeo</a> and Vimeo Pro, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=1" rel="nofollow ugc">HLS/.m3u8</a>, DASH MPEG/.mpd live streaming, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=10" rel="nofollow ugc">Google Drive</a>, Dropbox and other cloud platforms, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=22" rel="nofollow ugc">Iframe</a>, PDF, <a href="https://fwdapps.net/p/ssc/preset1.html#/?rlguid=fwdssc0_&rlmid=20" rel="nofollow ugc">Google Maps</a> in the ligtbox.
Private Video & Audio – Protected password video and audio inside the <a href="preset1.html#/?rlguid=fwdssc0_&rlmid=13" rel="nofollow ugc">lightbox</a>.
Chromecast Support – Cast mp4, mp3, or HLS/m3u8 files to a TV and control playback via the browser.
Video Thumbnails Live Preview – Thumbnails generated from .vtt files or auto-generated live inside the lightbox.
Video Subtitle Support – Subtitle display inside the <a href="https://fwdapps.net/p/ssc/preset2.html#/?rlguid=fwdssc0_&rlmid=0" rel="nofollow ugc">lightbox</a>.
Automatic Content Detection – <a href="https://fwdapps.net/p/rl" rel="nofollow ugc">Revolution Lightbox</a> automatically detects media type (video, audio, image, etc.) from the URL.
Slideshow Support – Autoplay slideshow for both carousel thumbnails and lightbox items.
Drag & Swipe Support – Drag or swipe to navigate carousel items or lightbox slides.
Maximize & Minimize for Images – Double-click/tap or use a button to zoom; custom zoom factor supported.
Share Button & Share Window – Share to nine social platforms; buttons can be reordered or removed.
Noise Distortion – Customizable noise distortion for the items, <a href="https://fwdapps.net/p/ssc/preset14.html" rel="nofollow ugc">example here</a>.
Caption – Optional captions fully styleable with CSS.
Mouse Ripple – Optional ripple effect triggered by mouse movement with adjustable strength (<a href="https://fwdapps.net/p/ssc/preset12.html" rel="nofollow ugc">example</a>).
Opacity Strength – Custom opacity for non-centered items.
Snap – Automatically snap the closest item to center for perfect alignment.
Scroll Speed Strength – Fine-tune scroll speed to match your desired experience.
Scroll Scale Strength – Fine-tune scroll scaling for your desired visual effect.
Default & Scroll Curvature – Adjust item curvature at rest and while scrolling.
Liquid Distortion – Customizable liquid distortion that responds to scroll speed.
Post Processing – Shaders that improve antialiasing for a crisp, clean look. Includes effects like <a href="https://fwdapps.net/p/ssc/preset17.html" rel="nofollow ugc">grid distortion</a>, <a href="https://fwdapps.net/p/ssc/preset18.html" rel="nofollow ugc">fluid distortion</a>, glitch distortion, after image and more.
Use cases 
– Product carousels 
– Portfolio galleries 
– Products slider 
– Testimonials or logos 
– Hero sliders with minimal chrome 
– Whre you want to impress your users
Links 
– Homepage & docs: https://fwdapps.net/p/ssc/ 
– Demo: https://fwdapps.net/p/ssc/#demos 
– Support: https://fwdapps.net/contact
<h4>Shortcode</h4>
Basic: [fwdssc 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. 
It is developed and maintained by FutureWebDesign / FWD.
Source code and build tools: https://fwdapps.net/p/ssc/source.zip 
(The source package includes the original uncompiled files and Vite build configuration.)
The distributed plugin uses a compiled build generated by Vite for performance, 
but all source files and build scripts are included for review and rebuilding.

Shader Spiral Carousel

A lightweight, responsive multimedia spiral carousel powered by Three.js and custom shaders—smooth 3D transitions

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.
<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>

Shader Carousel

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

Shader Spiral Carousel vs Shader Carousel