Button Styles

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


Button Sizes

Want a larger or smaller ones? Add .btn-lg, .btn-sm, .btn-xs classes for additional sizes


Button Shapes

Want a different shape? Add .btn-rect, .btn-ellipse class to your buttons


Button Blocks

Create buttons that fits the entire parent width by adding .btn-block class to it.


Anchor Buttons

Create anchor buttons by adding your button classes to an <a> tag


Active Buttons

Add <.active> class to your button to mark it as active.


Disabled Buttons

Make your buttons look unclickable by adding .disabled class to anchor elements
or disabled attribute to button elements


Link Functionality not impacted

This class will chage the appearnce of anchor element only. Use a custom Java Script to disable links here.

Button Groups

Wrap the series of buttons in .btn-group


Button Toolbars

Combine sets of .btn-group into a .btn-toolbar for more complex components


Button With Left Icon

Combine icons with your buttons for more complex components


Button With Right Icon

Combine icons with your buttons for more complex components


Custom Button Effects

Make unique animations for your buttons with our custom effects


Ansi Effect

Aqil Effect

Rayen Effect

Nuka Effect

Naira Effect

Polat Effect