About this project
Swiper is a free, modern mobile touch slider designed for mobile websites, web apps, and native/hybrid apps. It focuses on modern platforms to deliver smooth, hardware-accelerated transitions and native-like behavior.
Key capabilities evidenced in the README:
- Tree-shakeable: only the modules you use are imported into your bundle.
- Library agnostic: no dependency on jQuery or similar libraries, though it can be used alongside them.
- 1:1 touch movement by default, with configurable ratio.
- Mutation Observer support for automatic reinitialization and recalculation on DOM changes.
- Rich API for building custom pagination, navigation buttons, parallax effects, and more.
- Full RTL support with correct layout.
- Multi-row slides layout with configurable slides per column.
- Transition effects: Fade, Flip, 3D Cube, 3D Coverflow.
- Two-way control: can control other Swipers and be controlled simultaneously.
- Built-in navigation elements: pagination, navigation arrows, scrollbar.
- Flexbox-based slide layout, configurable via pure CSS.
- Flexible slides grid: control slides per view, per column, per group, space between slides, and more.
- Lazy loading of images in inactive slides.
- Virtual Slides to keep only required slides in the DOM.
- Additional features: loop mode, autoplay, keyboard control, mousewheel control, nested sliders, history navigation, hash navigation, breakpoints configuration, and accessibility (A11y).
The project provides demos for Core (HTML/JS), React, and Vue in the playground folder. Production builds are available in the dist/ folder. Development and production build commands are documented. Contributions are directed to the src/ files.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.