3D Carousel Stack Gallery - Advanced Media Gallery
Update
7/12/2023: Add new option “defaultCategory”
3/12/2020: Optimize sample assets, add link media panel in Designer
15/11/2020: Add “Carousel Stack Designer”, advanced admin backend allows uploading, editing and configuring the gallery using widgets and user interfaces.
17/6/2020: New feature Markup item and embedded link
Introduction
3D Carousel Stack Gallery is a beautiful 3D photo carousel application. The classic carousel design is improved with the emphasis on the centered item’s position where it is evalated and shifted toward viewers eyes. Various options are available to modify the carousel look and feel like carousel radius, shifting distance and item reflection.
High Performance
Powered by CSS3 “transform” property, all rendered graphics and animations are hardware accelerated to guarantee the best performance.
Modular design
Application components are designed and split into separated modules with different responsibilities. Effortlessly swap out one component with another to modify the app functionalities.
Flexibility
Various controls, parameters and configuration options are implemented to make the application extremely easy to customize and extend further.
Multiple Screen Supported
From desktop to mobile, the application will adapts to each screen size while maintaining elegant design and user experience.
Full Features
- Over 50 configuration options
- Customize look and feel variables like carousel radius and shifting distance
- Easily create slideshow using autoplay option
- Default dark theme and light theme
- Multi media support: photo, audio, video, ajax, inline, embedded iframe
- Advanced full fledged 2D gallery mode: auto activated on browser with unsupported CSS3D features
- Multiple Controls: keyboard and mouse
- Multiple Screen support: mobile, tablet. desktop
- Multi categories support
- Fullscreen support
- Full width support
- High quality Code Commenting
- High quality Documentation
- Custom item shadow supported using CSS box-shadow property
- Custom item shape using ovalShape and roundCorner options
- animejs as core animation engine: multiple easing equations support, configure delay, duration, callback with ease
- Advanced build system with Grunt: easily create distribution and examples file with builtin tasks
- CSS preprocessor using SASS and Compass framework
- Multiple SASS variables offering extreme flexibility to customize application look and feel
- HTML preprocessor using Pug templates
- Advanced MediaViewer component, a feature rich lightbox application to view extended contents
- Custom components: ItemTitle, ItemDescription, ButtonList, ButtonNavigtaor, GalleryScrollbar
- videojs as main video playback engine
- audio5js as main audio playback engine
- Multiple examples files provided
- Lightweight: only 26KB in gzip format
Image Credits:unsplash.com
Video Credits:pexels.com
