UI Kit Elements

Buttons - Default Size:

Default Button Primary Button Success Button Danger Button Warning Button

Buttons - Mini Size:

Default Button Primary Button Success Button Danger Button Warning Button

Buttons Large size:

Default Button Primary Button Success Button Danger Button Warning Button

Buttons Groups wtih default size buttons:

Link Button Button

Buttons Groups wtih large size buttons:

Link Button Button

Full width button:

Full width primary button:

Badges:

Badge Success Warning Danger Danger 1 2 3 4 5

Alert Messages:

To indicate success or a positive message add the .uk-alert-success class.

To indicate a message containing a warning add the .uk-alert-warning class.

To indicate an important message add the .uk-alert-danger class.

Title Large Alert

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Progress Bars:

Modal Dialogs:

Click Me

Off-canvas Sidebars:

Click Me

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tooltips:

Scrollspy animations - Triggers events and animations while scrolling your page.