Swiper 3D Slicer
This unique use case demonstrates how to create such 3D "slicing" slider with Swiper. And as it is made with Swiper - we still have all the Swiper features in place.
There are two implementations (modes) available:
Ratio Slicer
In this mode each slice (another Swiper) always rotates by some constant (but configurable) mathematical deviation. For example rotating main Swiper by 10 degrees, will move other by 20, 30 and 40 degrees, etc.
Delay Slicer
In this mode each slice (another Swiper) always rotates by same angle but with configurable delay. For example rotating main Swiper by 10 degrees, will move other Swipers by same 10 degrees but with 100ms, 200ms and 300ms delay.
Package
In the package you will find:
- static demo - using plain HTML, CSS, and JS
- modules demo - project using ES modules created with Vite
- all required extra styles
- all required JavaScript to make it work
- instructions on how to build, run and preview the project
Follow UI Initiative on Twitter
Terms of servicePrivacy policyRefund policyContactExtended License
All product names, logos and brands are property of their respective owners.
2024 © UI Initiative by 
You need to be logged in to be able to make a purchase and download catalog items.
OR