What is Filmstrip 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.

Main features

Responsive Layout – Fully responsive and adaptable regardless of which device is used. Desktop & Mobile Optimized – Filmstrip Carousel will adapt to any screen size and any device, whether you are using a mobile phone (IFSC, iPhone, Android) or on your desktop browser. Lazy Scrolling/Loading – Option to initialize Filmstrip Carousel on scroll when the slider is visible in the page, this way for example if the slider is in a section that is not visible it will not be initialized, instead Filmstrip Carousel will be initialized only when the user will scroll to the section in which the slider is added. Customizable Size – FSC 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. Multiple Display Types – The slider can be displayed using a responsive layout or an “afterparent” mode, which allows it to adapt based on the size of the parent element. Preloader – Optional animated preloader. Items Ratio – FSC can seamlessly change the items aspect ratio, allowing you to display any formats (portrait, landscape and any variation). Infinite Loop – Optional infinite loop and non-infinite loop. 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. 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.