Swiper 演示

PaneFlow

UI Initiative

来自的优质 Swiper 模板和插件 UI Initiative

默认

预览

CodeSandbox

核心

React

Vue

Element

导航

预览

CodeSandbox

核心

React

Vue

Element

分页

预览

CodeSandbox

核心

React

Vue

Element

动态分页

预览

CodeSandbox

核心

React

Vue

Element

进度分页

预览

CodeSandbox

核心

React

Vue

Element

分数分页

预览

CodeSandbox

核心

React

Vue

Element

自定义分页

预览

CodeSandbox

核心

React

Vue

Element

滚动条

预览

CodeSandbox

核心

React

Vue

Element

垂直

预览

CodeSandbox

核心

React

Vue

Element

间隔

预览

CodeSandbox

核心

React

Vue

Element

每视图幻灯片数

预览

CodeSandbox

核心

React

Vue

Element

每视图幻灯片数自动

预览

CodeSandbox

核心

React

Vue

Element

居中

预览

CodeSandbox

核心

React

Vue

Element

自动居中

预览

CodeSandbox

核心

React

Vue

Element

CSS 模式

预览

CodeSandbox

核心

React

Vue

Element

自由模式

预览

CodeSandbox

核心

React

Vue

Element

滚动容器

预览

CodeSandbox

核心

React

Vue

Element

网格

预览

CodeSandbox

核心

React

Vue

Element

嵌套

预览

CodeSandbox

核心

React

Vue

Element

抓取光标

预览

CodeSandbox

核心

React

Vue

Element

无限循环

预览

CodeSandbox

核心

React

Vue

Element

每组幻灯片跳过

预览

CodeSandbox

核心

React

Vue

Element

淡入淡出效果

预览

CodeSandbox

核心

React

Vue

Element

立方体效果

预览

CodeSandbox

核心

React

Vue

Element

覆盖流效果

预览

CodeSandbox

核心

React

Vue

Element

翻转效果

预览

CodeSandbox

核心

React

Vue

Element

卡片效果

预览

CodeSandbox

核心

React

Vue

Element

创意效果

预览

CodeSandbox

核心

React

Vue

Element

键盘控制

预览

CodeSandbox

核心

React

Vue

Element

鼠标滚轮控制

预览

CodeSandbox

核心

React

Vue

Element

自动播放

预览

CodeSandbox

核心

React

Vue

Element

自动播放进度

预览

CodeSandbox

核心

React

Vue

Element

操作

预览

CodeSandbox

核心

React

Vue

Element

缩略图画廊

预览

CodeSandbox

核心

React

Vue

Element

缩略图画廊循环

预览

CodeSandbox

核心

React

Vue

Element

多个 Swiper

预览

CodeSandbox

核心

React

Vue

Element

哈希导航

预览

CodeSandbox

核心

React

Vue

Element

历史

预览

CodeSandbox

核心

React

Vue

Element

从右到左

预览

CodeSandbox

核心

React

Vue

Element

视差

预览

CodeSandbox

核心

React

Vue

Element

懒加载图片

预览

CodeSandbox

核心

React

Vue

Element

响应式断点

预览

CodeSandbox

核心

React

Vue

Element

比例断点

预览

CodeSandbox

核心

React

Vue

Element

自动高度

预览

CodeSandbox

核心

React

Vue

Element

缩放

预览

CodeSandbox

核心

React

Vue

Element

虚拟幻灯片

预览

CodeSandbox

核心

React

Vue

Element

自定义插件

预览

CodeSandbox

核心

可滑动菜单

预览

CodeSandbox

核心

改变方向

预览

CodeSandbox

核心

监视幻灯片可见性

预览

CodeSandbox

核心

React

Vue

Element

倒带

预览

CodeSandbox

核心

React

Vue

Element