Template Skins

Header Skins

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-roundedfor rounded buttons

Inverse Rounded buttons

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

Rounded Outlined

Use class .btn-roundedfor rounded style

Button Block

Use class .btn-blockfor 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-btnfor social button


Rounded Social Buttons

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


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