Swiper - 免费开源、功能强大的触摸滑动 js 特效插件

简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。

js 滑动特效插件

Swiper 是一款纯 javascript 打造的滑动特效插件,主要用对移动端 web 开发中的内容触摸滑动需求,同时兼容 PC 网页。该插件团队维护多年,非常稳定,是移动端网站滑动需求的重要选择。

移动端应用例子
移动端应用例子

插件特性

  • 应用广泛,轮播图类插件排名第一
  • 纯 javascript 打造,无第三方依赖
  • 上手简单,中文文档详细,代码例子充足
  • 支持在 React / Vue / Angular 等主流框架中作为组件使用

所有滑动需求,Swiper 全搞定

用户界面的滑动需求在移动开发中太常见了,前端开发者在面对不同功能模块的需求,往往需要找几个插件或者组件库来完成。而 Swiper 很能打,大多数情况下都是一个插件满足左右滑动切换功能需求。

pc 端全屏轮播
pc 端全屏轮播
pc 端卡片切换
pc 端卡片切换

Swiper 现在已经更新到 Swiper 6,是一款完成度高、稳定且生态完善的 js 插件,在官网大量的 demo 下,不仅可以满足常见的banner焦点图、菜单和侧滑等常规需求,也能轻松应对 3D 旋转、视差切换等酷炫切换特效,像腾讯、阿里、字节跳动等很多耳熟能详的大厂都在使用。

免费开源说明

Swiper 自发布以来一直基于 MIT 协议开源,使用完全免费,能够用于任何个人和商业项目。