20+ CSS Button Libraries - Free Code + Demos
Collection of 20+ CSS Button Libraries. All items are 100% free and open-source.
NEW
🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉
Click to visit: ApplyFox.ai
1. 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)
Links: Source Code / Demo
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
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)
Links: Source Code / Demo
Created on: June 4, 2017
Made with: HTML, SCSS
Tags: css, buttons, hover, animation, css-variables
3. Bttn CSS
Awesome buttons for awesome projects!
Links: Source Code / Demo, Github Page
Created on: September 26, 2016
4. Distorted Button Effects With Svg Filters
Links: Source Code / Demo
5. Inspiration For Button Styles And Effects
Links: Source Code / Demo
6. Progress Button Styles
Links: Source Code / Demo
7. Creative Button Styles
Links: Source Code / Demo
8. Six Pure CSS Button Hover Animations
Author: Christian (CTNieves)
Links: Source Code / Demo
Created on: July 22, 2016
Made with: HTML, CSS
9. Button.css: CSS3 Button Animations
A collection of css3 button animations
Author: Zixuan(Kevin) Fan (kevinfan23)
Links: Source Code / Demo
Created on: May 10, 2016
Made with: HTML, SCSS, JS
Tags: animation, flip, button, css, switch
10. Button Hover States
Snazzy CSS hover states for a button.
Author: James Power (thejamespower)
Links: Source Code / Demo
Created on: May 15, 2015
Made with: HTML, SCSS
Tags: button, css, transition, ui
11. Colorful CSS Buttons
A collection of various types of CSS buttons in various colors.
Author: Chris Deacy (chrisdothtml)
Links: Source Code / Demo
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
A collection of SCSS Buttons
Author: Brian Fischer (FischFood)
Links: Source Code / Demo
Created on: May 8, 2014
Made with: HTML, SCSS
Tags: buttons, input, css, scss
13. Scss Button Library
A simple, cross browser button resource.
Author: Calvin Wilson (calvin)
Links: Source Code / Demo
Created on: March 16, 2014
Made with: HTML, SCSS
Tags: buttons, scss, sass, animate
14. CSS BUTTONS!!
Author: Derek Morash (derekmorash)
Links: Source Code / Demo
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
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)
Links: Source Code / Demo
Created on: March 8, 2014
Made with: HTML, SCSS
Tags: sass-maps, button-library
16. Material Design Buttons
Author: Ravikumar Chauhan (rkchauhan)
Links: Source Code / Demo
Created on: February 25, 2016
Made with: HTML, SCSS, JS
Tags: material design, button, material button
17. 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)
Links: Source Code / Demo
Created on: March 25, 2013
Made with: HTML, CSS
Tags: flat-buttons
NEW
🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉
Click to visit: ApplyFox.ai
More Awesome Lists:
Share: