Previous / Next controls

Carousel with Previous / Next controls to advance between items.

Bulleted controls

Bulleted indicators for number of items and currently-selected item. Click to advance between items.

1 2 3

Numbered pagination-style controls

Numbered pagination controls for each item, with flanking Previous / Next controls.

HUD-style Controls

Previous and Next render as heads-up controls that display on hover events. Since hover events don't work on mobile, simply swipe to advance.

Image + Caption

Image carousel containing textual captions with simple Previous / Next controls to advance between items.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch

Fixed Width Items

Items can be stretched to fit the viewport, or they can be sized individually like in this example. In this example, we've used the included .m-card-light class to give the element a background and border. You will have to to size the element or it's content yourself.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch

Scaled Transitions

Display the current item larger than the rest, and animate the transition between each with the .m-scaled class.

2007 Eurovision UK Entry Scooch

2007 Eurovision Contest Winners

2007 Eurovision UK Entry Scooch

Arbitrary Content

Arbitrary content carousel with simple Previous / Next controls to advance between items. We used the included class .m-card-dark to give each element a background. These elements are automatically sized by the .m-fluid class to be full width.

Slipsum

Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price.

More Slipsum

The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.