1. Home
  2. Basic UI

Carousel

Carousel

Default

A slideshow component for cycling through elements, like a carousel.

Captions

Add captions to your slides easily with the .carousel-caption element within any item.

Slick official website

Single Item

1

2

3

4

5

6

Multiple Items

1

2

3

4

5

6

7

8

9

Responsive Display

1

2

3

4

5

6

7

8

Variable Width

200

150

250

300

100

350

Adaptive Height

1

2

Look ma!

3

Check
this out!

4

Woo!

Data Attribute Settings

1

2

3

4

5

6

Center Mode

1

2

3

4

5

6

Lazy Loading

...
...
...
...
...

Autoplay

1

2

3

4

5

6

Fade

...
...
...
...

Add & Remove

1

Filtering

1

2

3

4

5

6

7

8

9

10

11

12

Owlcarousel official website

No Margins

Image carousels allow users to browse through a set of items and make a selection of one if they so choose. Typically, the images are hyperlinked.

...
...
...
...
...
...

Centered

This carousel slider will let you enable swipe for desktop and mobile devices dragging to view through dozens of images fast. In order for the images to auto fit to slider containers use width 100%.

...
...
...
...
...
...

Logos

Partner logo image was usefully show by carousel style.

Facebook
Twitter
Google Plus
Linkedin
HTML5
CSS3

Sample Portfolio

You can also add title and excerpt text below the gallery images when you click it ,the lightbox displayed.

...

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.

...

Lorem Ipsum Dolor

Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at.

...

Lorem Ipsum Dolor

ed nisi. Nulla quis sem at nibh elementum imperdiet. Lorem ipsum dolor sit.

...

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.

...

Lorem Ipsum Dolor

Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.

...

Lorem Ipsum Dolor

Consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus.