A modern, mobile-focused touch slider with hardware-accelerated transitions for websites and hybrid apps.
Swiper is a modern JavaScript touch slider library designed for mobile websites, web apps, and hybrid applications. It provides hardware-accelerated transitions, native-feeling swipe interactions, and a wide array of features like 3D effects, lazy loading, and virtual slides. It solves the need for a performant, feature-rich slider that works seamlessly on touch devices.
Frontend developers and teams building mobile-first web experiences, progressive web apps (PWAs), or hybrid mobile applications using frameworks like React or Vue.
Developers choose Swiper for its focus on modern mobile touch interactions, extensive feature set, and performance optimizations like tree-shaking. It offers a balance of rich capabilities (like 3D transitions and RTL support) with a lightweight, framework-agnostic core.
Most modern mobile touch slider with hardware accelerated transitions
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Includes effects like 3D cube, coverflow, fade, and flip for smooth, native-like animations on mobile, as highlighted in the README's feature list.
Features virtual slides and lazy loading to minimize DOM nodes and improve load times, specifically mentioned for handling image-heavy or content-rich sliders.
Works without jQuery and integrates with frameworks like React and Vue, demonstrated in the playground demos, making it versatile for various tech stacks.
Comes with built-in pagination, navigation arrows, scrollbar, and keyboard/mousewheel controls, reducing the need for additional UI code.
Provides 1:1 touch movement and RTL support, focusing on modern mobile platforms for a seamless swipe experience, as stated in the philosophy.
The README explicitly admits it sacrifices universal compatibility for modern apps, so it may not work well on older browsers or non-touch devices.
With a rich API and numerous options like breakpoints and transition effects, setup can be overwhelming for developers needing simple sliders compared to lighter alternatives.
The project's README and documentation are dominated by casino and gambling sponsors, which can distract from learning resources and raise concerns about project focus.
Despite tree-shaking, the core library is larger than minimal slider solutions, which might impact performance in extremely lightweight or bandwidth-sensitive applications.