Carousels & Slideshows
Create easy and beautiful slideshows with these React components.

##### Full width Slider

1
2
3
4
5
6
7
8
9
10

##### Multiple Items

1
2
3
4
5
6
7
8
9
10

##### Center Mode

1
2
3
4
5
6
7
8
9
10

##### Variable Width

100

200

75

300

225

175

##### Responsive

1
2
3
4
5
6
7
8
9
10

##### Inverted + Images

### Perfect Balance

KeroUI is like a dream. Some think it's too good to be true! Extensive collection of unified React Boostrap Components and Elements.

### Scalable, Modular, Consistent

Easily exclude the components you don't require. Lightweight, consistent Bootstrap based styles across all elements and components

### Complex, but lightweight

We've included a lot of components that cover almost all use cases for any type of application.

##### Basic Bootstrap 4 Carousel

Previous Next

##### Carousel with Captions

##### First Slide

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

##### Second Slide

Nulla vitae elit libero, a pharetra augue mollis interdum.

##### Third Slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Previous Next

### Layout Options

- Full Sidebar
  Removes sidebar layout spacing.
- Pills Page Navigation Style
  Changes the page sub navigation style to pills!

###
Sidebar Options

- ##### Choose Color Scheme

###
Main Content Options

- ##### Color Schemes

### Servers Status

#### Server Load 1

#### Server Load 2

#### Server Load 3

##### Live Statistics

43
Packages
65
Dropped
18
Invalid

### File Transfers

- TPSReport.docx
- Latest_photos.zip
- Annual Revenue.pdf
- Analytics_GrowthReport.xls

### Tasks in Progress

- Wash the car
  Rejected
  Written by Bob
- Task with hover dropdown menu
  By Johnny
  NEW
- Badge on the right task
  This task has show on hover actions!
  Latest Task
- Go grocery shopping
  A short description ...
- Development Task
  Finish React ToDo List App
  69

### Urgent Notifications

#### All Hands Meeting

Yet another one, at 15:00 PM

#### Build the production release
NEW

#### Something not important
+

#### This dot has an info state

#### This dot has a dark state