Back to the style guideThree ways
to scroll.
The same six cards. The same dimensions. Three interactions to try on desktop and mobile.
No looping or autoplay. Use the arrows, dots or gestures. With a keyboard, focus the carousel and use the left and right arrow keys.
01 / COMPARISONNative CSS.
The browser handles scrolling and card alignment. Drag a card with your mouse, or scroll with a trackpad or your finger.
Mouse · touch · trackpad · arrows01AaCOLLECTION / 2026
IdentityAtlas
A fictional project to test movement, rhythm and transitions between cards.
02F.COLLECTION / 2026
ArchitectureForma
A fictional project to test movement, rhythm and transitions between cards.
03OfCOLLECTION / 2026
PublishingOffset
A fictional project to test movement, rhythm and transitions between cards.
04MCOLLECTION / 2026
ObjectsMono
A fictional project to test movement, rhythm and transitions between cards.
05R/COLLECTION / 2026
TravelRivage
A fictional project to test movement, rhythm and transitions between cards.
06SiCOLLECTION / 2026
CultureSignal
A fictional project to test movement, rhythm and transitions between cards.
02 / COMPARISONEmbla.
Grab a card, drag it and release. Movement and momentum follow your gesture.
Mouse · touch · trackpad · arrows01AaCOLLECTION / 2026
IdentityAtlas
A fictional project to test movement, rhythm and transitions between cards.
02F.COLLECTION / 2026
ArchitectureForma
A fictional project to test movement, rhythm and transitions between cards.
03OfCOLLECTION / 2026
PublishingOffset
A fictional project to test movement, rhythm and transitions between cards.
04MCOLLECTION / 2026
ObjectsMono
A fictional project to test movement, rhythm and transitions between cards.
05R/COLLECTION / 2026
TravelRivage
A fictional project to test movement, rhythm and transitions between cards.
06SiCOLLECTION / 2026
CultureSignal
A fictional project to test movement, rhythm and transitions between cards.
03 / COMPARISONSwiper.
The same content powered by Swiper. Compare the feel and the transition between cards.
Mouse · touch · trackpad · arrows01AaCOLLECTION / 2026
IdentityAtlas
A fictional project to test movement, rhythm and transitions between cards.
02F.COLLECTION / 2026
ArchitectureForma
A fictional project to test movement, rhythm and transitions between cards.
03OfCOLLECTION / 2026
PublishingOffset
A fictional project to test movement, rhythm and transitions between cards.
04MCOLLECTION / 2026
ObjectsMono
A fictional project to test movement, rhythm and transitions between cards.
05R/COLLECTION / 2026
TravelRivage
A fictional project to test movement, rhythm and transitions between cards.
06SiCOLLECTION / 2026
CultureSignal
A fictional project to test movement, rhythm and transitions between cards.
This page compares how the carousels feel. It loads both libraries; it is not a loading-speed benchmark.