Pagiflow Vanilla JS Slider Demos

Download Back To CSSScript.Com

A lightweight vanilla JS slider library with touch/swipe, grid mode, fade transitions, and responsive breakpoints for performance-focused web projects.

Responsive Product Rail

Looping carousel with pagination, center padding, keyboard support, and breakpoint changes.

Drag or use arrow keys
Slide 1 active

Vertical Timeline

Vertical direction with fixed height, swipe support, disabled end navigation, and pagination.

Vertical

Grid Pages

Two-column slide pages with grid fill, custom gap, looped movement, and balanced pages.

Grid

Fade Gallery with Thumbnails

Fade transition, bottom thumbnails, autoplay, pause on hover, custom speed, and image thumbs.

Fade + thumbs

Synced Detail Pair

Two Pagiflow instances stay in sync; selecting a rail item updates the detail slider.

Sync

Custom Navigation

External buttons, RTL movement, manual API actions, and dynamic HTML replacement.

API
API slider ready

Continuous Auto Scroll

Uninterrupted motion with duplicated content, adjustable speed, hover pause, and reverse direction.

Auto scroll