Buttons: Highly customizable button library built with Sass

Buttons: button library built with Sass

In past, we have covered various design frameworks even for small components. In this post, I am going to introduce you with another nice CSS based framework Buttons. As the name suggestions, it is a button library which is highly customizable and production ready. It is also ready for mobile web & desktop. So, you can now have various kind of buttons in different shapes and sizes to use in your web design. Visual effects and 3D effects are also there to use in buttons.

How to use Buttons

Like other CSS frameworks, you only need to include the CSS file to use. See the sample code below:

  <!-- Buttons core css -->
  <link rel="stylesheet" href="css/buttons.css">

Then you only need to remember CSS classes for various kind of shapes and sizes.

Buttons are available in various shapes in sizes.


Read this tutorial to find out different classes for different shape and sizes. Not just plain buttons, there are 3D buttons as well. Visual effects are also there to offer better look and feel.

Demo Download

Tags: | |
Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Similar Articles


Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker