20+ CSS Button Libraries - Free Code + Demos

Collection of 20+ CSS Button Libraries. All items are 100% free and open-source.

1. UI Button W/ Mix-Blend-Mode

CSS Button Libraries - UI Button W/ Mix-Blend-Mode
Experimenting with the CSS mix-blend-mode property. Only supported on Chrome and Firefox browsers
Author: Daniel Gonzalez (dan10gc)
Created on: February 15, 2018
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug

2. Button Hover Effects With Box-shadow

CSS Button Libraries - Button hover effects with box-shadow
Making some basic animations with box-shadows. No extra elements or even pseudo elements required. Check out my button collection for more.
Author: Giana (giana)
Created on: June 4, 2017
Made with: HTML, SCSS
Tags: css, buttons, hover, animation, css-variables

8. Six Pure CSS Button Hover Animations

CSS Button Libraries - Six Pure CSS Button Hover Animations
Author: Christian (CTNieves)
Created on: July 22, 2016
Made with: HTML, CSS

9. Button.css: CSS3 Button Animations

CSS Button Libraries - Button.css: CSS3 Button Animations
A collection of css3 button animations
Author: Zixuan(Kevin) Fan (kevinfan23)
Created on: May 10, 2016
Made with: HTML, SCSS, JS
Tags: animation, flip, button, css, switch

10. Button Hover States

CSS Button Libraries - Button Hover States
Snazzy CSS hover states for a button.
Author: James Power (thejamespower)
Created on: May 15, 2015
Made with: HTML, SCSS
Tags: button, css, transition, ui

11. Colorful CSS Buttons

CSS Button Libraries - Colorful CSS Buttons
A collection of various types of CSS buttons in various colors.
Author: Chris Deacy (chrisdothtml)
Created on: May 4, 2015
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: css, buttons, colorful, awesome, ui

12. Button Library

CSS Button Libraries - Button Library
A collection of SCSS Buttons
Author: Brian Fischer (FischFood)
Created on: May 8, 2014
Made with: HTML, SCSS
Tags: buttons, input, css, scss

13. Scss Button Library

CSS Button Libraries - Scss Button Library
A simple, cross browser button resource.
Author: Calvin Wilson (calvin)
Created on: March 16, 2014
Made with: HTML, SCSS
Tags: buttons, scss, sass, animate

14. CSS BUTTONS!!

CSS Button Libraries - CSS BUTTONS!!
Author: Derek Morash (derekmorash)
Created on: March 9, 2016
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: css, button, css-button, scss-buttons

15. Sass Maps Button Library

CSS Button Libraries - Sass Maps Button Library
I've created a Sass Maps button library by using the newly released Maps feature of Sass 3.3. I was partly influenced by this excellent article written by Hugo Giraudel http://www.sitepoint.com/sass-component-10-minutes/ But besides only using Maps for a list of colors I wanted to combin...
Read More
Author: Niels v R (nielsim)
Created on: March 8, 2014
Made with: HTML, SCSS
Tags: sass-maps, button-library

16. Material Design Buttons

CSS Button Libraries - Material Design Buttons
Author: Ravikumar Chauhan (rkchauhan)
Created on: February 25, 2016
Made with: HTML, SCSS, JS
Tags: material design, button, material button

17. Bootstrap - Flat Ui Buttons

CSS Button Libraries - Bootstrap - flat ui buttons
Basic bootstrap 2.3.0 HTML + CSS + JS and background from subtle patterns + Icon font from Font Awesome + Flat UI buttons based on http://apphacker.com/demo/buttons.html
Author: Maksim Surguy (msurguy)
Created on: March 25, 2013
Made with: HTML, CSS
Tags: flat-buttons