MotionRail

Appearance

MotionRail v1.2.1

Carousel Library

A lightweight carousel library for modern web applications

Read The DocsGithub
llms.txtllms-full.txtContext 7MCP Readiness
Demo 1
Demo 2
Demo 3

Infinite Scroll

Enable seamless looping with infinite: true. Swipe past the last item and it wraps back to the first — no jumps, no flicker. Works with drag, touch, autoplay, and arrow navigation.

1
2
3
4
5

Powerful Extensions

Extend functionality with built-in extensions: Arrows for navigation controls, Dots for pagination indicators, Thumbnails for preview navigation, Logger for debugging, and VistaView for full-screen image lightbox.

Extensions Demo 1
Extensions Demo 2
Extensions Demo 3
Extensions Demo 4
Extensions Demo 5
Extensions Demo 6
Extensions Demo 7
Extensions Demo 8
Extensions Demo 9
Extensions Demo 10
Extensions Demo 11
Extensions Demo 12
Extensions Demo 13
Extensions Demo 14
Extensions Demo 15
Extensions Demo 16
Extensions Demo 17
Extensions Demo 18
Extensions Demo 19
Extensions Demo 20
Extensions Demo 21
Extensions Demo 22
Extensions Demo 23
Extensions Demo 24
Extensions Demo 25
Extensions Demo 26
Extensions Demo 27
Extensions Demo 28
Extensions Demo 29
Extensions Demo 30
Extensions Demo 31
Extensions Demo 32
Extensions Demo 33
Extensions Demo 34
Extensions Demo 35
Extensions Demo 36
Extensions Demo 37
Extensions Demo 38
Extensions Demo 39
Extensions Demo 40
Extensions Demo 41
Extensions Demo 42
Extensions Demo 43
Extensions Demo 44
Extensions Demo 45
Extensions Demo 46
Extensions Demo 47
Extensions Demo 48
Extensions Demo 49
Extensions Demo 50
Extensions Demo 51
Extensions Demo 52
Extensions Demo 53
Extensions Demo 54
Extensions Demo 55
Extensions Demo 56
Extensions Demo 57
Extensions Demo 58
Extensions Demo 59
Extensions Demo 60
Extensions Demo 61
Extensions Demo 62
Extensions Demo 63
Extensions Demo 64
Extensions Demo 65
Extensions Demo 66
Extensions Demo 67
Extensions Demo 68
Extensions Demo 69
Extensions Demo 70
Extensions Demo 71
Extensions Demo 72
Extensions Demo 73
Extensions Demo 74
Extensions Demo 75
Extensions Demo 76
Extensions Demo 77
Extensions Demo 78
Extensions Demo 79
Extensions Demo 80
Extensions Demo 81
Extensions Demo 82
Extensions Demo 83
Extensions Demo 84
Extensions Demo 85
Extensions Demo 86
Extensions Demo 87
Extensions Demo 88
Extensions Demo 89
Extensions Demo 90
Extensions Demo 91
Extensions Demo 92
Extensions Demo 93
Extensions Demo 94
Extensions Demo 95
Extensions Demo 96
Extensions Demo 97
Extensions Demo 98
Extensions Demo 99

VistaView Lightbox

Open any carousel image in a full-screen lightbox with zoom, swipe, and keyboard navigation. Powered by the VistaView library.

VistaView Demo 1
VistaView Demo 2
VistaView Demo 3
VistaView Demo 4
VistaView Demo 5
VistaView Demo 6
Learn more about VistaView →

Responsive Breakpoints

Automatically adjust the number of columns based on container size. Configure different layouts for different container widths.

👉 Drag the edges to resize and see breakpoints in action!

Image 1
Image 2
Image 3
Image 4
Image 5
Image 6
Image 7
Image 8
Width: 0
Learn more about Breakpoints →

RTL Support

Built-in right-to-left language support for Arabic, Hebrew, and other RTL languages.

1
2
3

Bundle Size

Lightweight across the board. The core is under 15 kB, and every extension stays under 2 kB.

PackageSizeGzip
motionrail (ES)14.5 kB3.7 kB
motionrail (UMD)12.5 kB3.4 kB
motionrail (CSS)0.9 kB0.3 kB
arrows1.8 kB0.8 kB
dots1.3 kB0.7 kB
thumbnails1.6 kB0.8 kB
vistaview1.5 kB0.7 kB
logger0.6 kB0.3 kB

Built June 27, 2026