Normal buttons

Use any of the available button classes to quickly create a styled button.

Fab Buttons

Use class="btn-icons" or class="btn-icons btn-rounded" for fab styled buttons


Outlined buttons

Use class="btn-outline-*" for outlined style

Rounded Outlines

Use class="btn-outline-* btn-rounded" for rounded outlined style


Inverse buttons

Use class="btn-inverse-*" for inverse styling

Button Sizes

Use class "btn-lg", "btn-sm" for different sizing


Rounded filled Buttons

Use class .btn-rounded for rounded buttons

Inverse Rounded buttons

Use any of the available button classes to quickly create a styled button.

Rounded Outlined

Use class .btn-rounded for rounded style

Button Block

Use class .btn-block for full width buttons

Grouped buttons

These are the different buttons group component

Icons Buttons

Use any of the available button classes to quickly create a styled button.

Outline icons

Use any of the available button classes to quickly create a styled button.

Social Buttons

use class .social-btn for social button


Rounded Social Buttons

use class ".social-btn", ".btn-rounded" for social button


Copyright © 2018 Urbanui. All rights reserved. Hand-crafted & made with