Buttons

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 or .btn-sm classes for additional sizes.

Button shapes

Want a different shape? Add .btn-rect or .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.

Button groups

Wrap the series of buttons in .btn-group

Button with icon

Combine icons with your buttons for more complex components

Button hover effects

Make unique animations for your buttons with our hover effects

Anis

Aqil

Rayen

Nuka

Naira

Polat

Loading...