Shader Carousel

About

Shader Carousel

Experience a true 3D film strip carousel built with WebGL and Three.js. Enjoy smooth infinite scrolling and realistic item bending for a visually immersive effect with Revolution Lightbox support.

150 + Cusomizable settings

Experience our fully customizable Shader Carousel – we've thought of everything to create a seamless and immersive experience!

WordPress, WooCommerce, JavaScript versions

Versatile Shader Carousel—designed to work seamlessly with WordPress, WooCommerce, and JavaScript.

Created by Elite Author

Experience the power of elite innovation. As a top Envato author since 2012, I create plugins that fuse cutting-edge technology with timeless design, driving your projects to success.

Powered by Three.js

Experience a true 3D infinite slider powered by WebGL and Three.js. Each item bends with realistic motion and smooth physics-based transitions, creating an immersive and seamless scrolling experience.

Fully customizable

Take control of your interactive experience with our fully customizable Shader Carousel. Adjust responsive dimensions, fine-tune distortion and motion effects, and enjoy intuitive controls for a smooth, visually captivating scroll journey.

Try our demos

These are just some examples we created. They are included as templates for easy access. The possibilities are endless! Open the live settings panel on the examples and experiment with the settings.

Other Features

Responsive Layout

Fully responsive and adaptable regardless of which device is used.

Desktop & Mobile Optimized

Shader Carousel will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.

Lazy Scrolling/Loading

Option to initialize Shader Carousel on scroll when the carousel is visible in the page, this way for example if the carousel is in a section that is not visible it will not be initialized, instead Shader Carousel will be initialized only when the user will scroll to the section in which the carousel is added.

Customizable Size

SC can be set to any width or height and placed anywhere on your page or app. Additionally, items size and ratio can be set as needed.

Preloader

Optional animated preloader.

Items Ratio

SC can seamlessly change the items aspect ratio, allowing you to display any formats (portrait, landscape and any variation).

Customizable Color Theme

All aspects of the color theme can be customized—buttons, backgrounds, etc.

Lightbox video/audio

Support for various video or audio formats like .mp3, .mp4, Shoutcast, Icecast, Youtube, Vimeo and Vimeo Pro, HLS/.m3u8, DASH MPEG/.mpd live streaming, Google Drive, Dropbox and other cloud platforms, Iframe, PDF, Google Maps in the ligtbox.

Video Autoplay

Support for video autoplay inside the lightbox.

Private Video & Audio

Protected password video and audio inside the lightbox.

Chromecast Support

Play mp4 video, mp3 audio or HLS/m3u8 files on your TV screen using Chromecast, the media can be controlled via the video player interface basically the browser and the video player becomes a remote tv.

Video Thumbnails Live Preview

Video thumbnails preview created from a .vtt file or live auto-generated video thumbnails inside the lightbox.

Video Subtitle Support

Support for subtitle inside the lightbox.

Automatic Content Detection

Revolution Lightbox will set the appropriate type (video, audio, image, etc) based on the media URL to the media items without any extra requirements.

Slideshow Support

Slidshow with autoplay for both the carousel thumbanils and the lightbox.

Drag & Swipe Support

Drag support to navigate between the carousel items or lightbox.

Maximize & Minimize For Images

Lightbox maximize/minimize button and maximize/minimize double click/tap feature for images. The maximize zoom factor can be set to a custom value to allow fine tune controll on the maximized image.

Share Button And Share Window

Lightbox share button and share window with nine share social platforms, the share social platforms buttons can be ordered and also removed as needed.

Noise Distortion

Customizable noise distortion for the items, example here

Caption

Optional caption. The caption can be styled with CSS to match your visual design.

Mouse Ripple

Optional ripple effect triggered by mouse movement, with adjustable strength, example here.

Black And White

Optional: Desaturate non-centered items. Items outside the center will appear in black and white, example here.

Opacity strength

Optional: Set custom opacity for non-centered items. Items outside the center will appear with reduced opacity.

Snap

Optional: Snap – Automatically snap the closest item to the center.

Scroll speed strength

Customizable scroll speed – Fine-tune the scroll speed to match your desired experience.

Scroll scale strength

Customizable scroll scale – Fine-tune the scroll scale to match your desired experience.

Default And Scroll Curvature

Customizable default and scroll curvature – Adjust the item curvature at rest and while scrolling to suit your design.

Liquid Distortion

Customizable liquid distortion – Cusotmizable item liquid disotrtion based on the scroll speed.

Post Processing

Shaders that improve antialiasing for a crisp, clean look. Includes effects like grid distortion, fluid distortion, glitch distortion, after image and more.