BrickSlider Carousel Library Demos

01 / Core

Looping showcase

Drag, swipe, use the arrow keys, select a dot, or call the public controls below.

Core interactions Loop · touch · dots · pages · progress · events

Frame 01 Coastal rhythm A full-width slide with paged snapping and an active progress rail.

Frame 02 Quiet passage Mouse, touch, keyboard, arrow, and pagination inputs stay synchronized.

Frame 03 Urban geometry The loop continues in either direction without a visible endpoint.

Frame 04 Open terrain Every move updates the page counter, dots, progress, and event output.

Method controls

Live event

Ready Waiting for initialization

02 / Layout

Resize the window to see the visible count, page step, and custom slide widths adapt.

Variable-width gallery Responsive · slide sizes · per page · loop

38 percent

62 percent

54 percent

46 percent

33 percent

67 percent

03 / Gesture

Grab the gallery and release at any position for momentum without paged snapping.

Free movement Drag free · touch · variable widths

Material 01

Material 02

Material 03

Material 04

Material 05

04 / Sizing

Move between short, medium, and tall content while the viewport follows the active slide.

Content-aware viewport Auto height · arrows · dots

190 pixelsShort form

280 pixelsRoom for context

The track measures the current content and transitions to its new height after navigation.

390 pixelsA taller composition

Mixed content lengths can share the same carousel without leaving a permanent block of empty space beneath shorter slides.

05 / Plugin

Open the portrait player, pause on hover or with Space, switch sound, and close with Escape.

Stories player Timed progress · video · pause · mute · modal

Story set ready Open the portrait sequence.