Buttons.css is CSS for buttons.

Buttons.css currently includes 9 default buttons and 7 social media buttons, for a total of 16 button styles. Furthermore, there is 4 different button size options, 4 button effects and 2 button text effects.

Download (zip) Download (tar.gz)

Install using Git:

git clone https://github.com/brandonhimpfen/buttons.css


Here are the main features of buttons.css:

  • Only 3KB in size (un-minified);
  • Four (4) additional sizing options;
  • Easily add round corners or no round corners (coming soon); and
  • Default colour buttons, both flat and gradient (coming soon).


Buttons.css is available for Sass.

Download (zip)

Using buttons.css

Using buttons.css is simple. Firstly, add it to your website like so:

<link rel="stylesheet" type="text/css" href="path-to-file/buttons.css" />

Now, to create a button, add the button CSS classname to any <a> or <button> element.

<a class="button" href="#">Button</a>


<button class="button">Button</button>