40+ Bootstrap Buttons - Free Code + Demos
Collection of 40+ Bootstrap Buttons. All items are 100% free and open-source. The list also includes 3d bootstrap buttons, animated, gradient, outline, and round.
1. Bootstrap Animated Play Button
Links: Source Code / Demo
2. Neumorphism Bootstrap Button/gradient Button
Author: Melanie Müller (codearosa)
Links: Source Code / Demo
Created on: January 12, 2020
Made with: HTML, SCSS
3. Bootstrap Circle Button
Links: Source Code / Demo
4. Custom Bootstrap Button Group
Author: Syed Hashir Ali Shah (hashi_shah)
Links: Source Code / Demo
Created on: September 19, 2018
Made with: HTML, Less
5. Bootstrap Button 3D
Author: Robson Nascimento (Robsonrrn)
Links: Source Code / Demo
Created on: March 14, 2018
Made with: HTML, CSS
6. Button
bootstrap button
Author: Aashima (Aashima)
Links: Source Code / Demo
Created on: September 24, 2017
Made with: HTML, CSS
Tags: button, button hover, bootstrap button, hover, our
7. Bootstrap Button Loading Effect
Author: Eric Ros (ekros)
Links: Source Code / Demo
Created on: August 9, 2016
Made with: HTML, SCSS, JS
8. Bootstrap Material Design Buttons
I did not include bootstrap in this pen because I have re-created the bootstrap button with a material design style. Generate a customized version without the buttons.
Author: Shahen Algoo (bootpen)
Links: Source Code / Demo
Created on: February 17, 2016
Made with: HTML, CSS, JS
Tags: bootstrap, material design, flat raised action buttons
9. BOOTSTRAP BUTTONS
Bootstrap button custom styles with SCSS. Style guide for custom projects.
Author: redfrost (redfrost)
Links: Source Code / Demo
Created on: March 28, 2015
Made with: HTML, SCSS, JS
Tags: bootstrap
10. Bootstrap Clean Buttons
Author: Moreno Di Domenico (MorenoDiDomenico)
Links: Source Code / Demo
Created on: January 29, 2015
Made with: Pug, Less
CSS Pre-processor: Less
JS Pre-processor: None
HTML Pre-processor: Pug
11. Easy Bootstrap Share Buttons For WordPress
Dead simple links for sharing content on Wordpress using Bootstrap button groups.
Author: Paul Carbo (Pc)
Links: Source Code / Demo
Created on: September 19, 2014
Made with: HTML, CSS
Tags: bootstrap, wordpress, sharing, fontawesome
12. Bootstrap Gradient Button
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.1.1
13. Buttons
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.1.1, buttons
14. Bootstrap 4 Awesome Different Size Button With Fa Icon
Links: Source Code / Demo
15. Bootstrap 4 Bounce Animation Button
Links: Source Code / Demo
16. Bootstrap 4 Swing Animation Button Onclick
Links: Source Code / Demo
17. Bootstrap 4 Pulse Animation Button
Links: Source Code / Demo
18. Bootstrap 4 RubberBand Animation Button
Links: Source Code / Demo
19. Bootstrap 4 Shake Animation Button Onclick
Links: Source Code / Demo
20. Bootstrap Buttons - Material Design & Bootstrap 4
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.0.0, buttons, material design
21. Bootstrap Arrow Buttons
Links: Source Code / Demo
22. ANIMATED BOOTSTRAP BUTTONS
Author: codeCamp (CrazyCodex)
Links: Source Code / Demo
Created on: November 30, 2015
Made with: HTML, CSS, JS
23. Single Button Toggle
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 3.3.0, toggle
24. Bootstrap Button Loading
Author: jmalatia (jmalatia)
Links: Source Code / Demo
Created on: September 3, 2014
Made with: HTML, JS
Tags: bootstrap, button, loading
25. Buttons In Bootstrap 4
example of using button classes in bootstrap 4
Author: Said Hayani (Saidalmaghribi)
Links: Source Code / Demo
Created on: February 10, 2018
Made with: HTML, CSS
Tags: bootstrap4, web-development, front-end
26. Bootstrap Button Designs
Author: Ciaran Roft (Roft)
Links: Source Code / Demo
Created on: September 1, 2017
Made with: HTML, CSS, JS
Tags: bootstrap, button
27. How To Create Your Custom Bootstrap Buttons
Author: Ondrej (ondrejsvestka)
Links: Source Code / Demo
Created on: April 19, 2017
Made with: HTML, CSS
28. Bootstrap 4 - Icon Buttons
Bootstrap 4 is a fantastic overhaul of the Bootstrap framework. While they chose not to include their own set of icons in this iteration, there are many other offerings available for use. One of these offerings is Material Design Icons - an icon set offered conveniently through Google Web ...Read More
Author: Raman Maan (ramanmaan)
Links: Source Code / Demo
Created on: December 10, 2017
Made with: Pug, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: bootstrap 4, buttons, bootstrap
29. Bootstrap 4 SCSS - Button Icon Hover Reveal
Hover reveal your hidden icon on an input form. Use icons from Font Awesome, Open Icon, Material Design Icons, Ionicons or add other prefix [class~=oi], [class~=fa] and [class~=mdi]::before, [class~=icon]::before for other icons. Read this on : https://medium.com/@defrian.yarfi/button-ic...Read More
Author: dyarfi (dyarfi)
Links: Source Code / Demo
Created on: August 28, 2018
Made with: HTML, SCSS
Tags: button, bootstrap, hover-effects, icons, scss
30. Material Toggle Button
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 3.3.0, jQuery, toggle
31. Bootstrap Busy Button Animation
Author: Ken (kennardo)
Links: Source Code / Demo
Created on: April 12, 2016
Made with: HTML, SCSS, JS
32. Spinning Icon Loading Based On Bootstrap
Simple demo of spinning icon loading code. I have used custom tag "yourbody", which should be your document body instead. The code can be downloaded from a gist here: https://gist.github.com/netsi1964/0ad393523817254dd4a0 I based my code on http://www.bootply.com/128062
Author: Sten Hougaard (netsi1964)
Links: Source Code / Demo
Created on: March 12, 2015
Made with: HTML, CSS, JS
Tags: loading, bootstrap, css, animation
33. Bootstrap 3D Button
Author: Halid Juki (burnz)
Links: Source Code / Demo
Created on: December 13, 2015
Made with: HTML, CSS
34. Material Buttons For Bootstrap With Waves Effect
Collection of beautiful material buttons with waves effect for Bootstrap.
Author: Michal Szymanski (BFSzymanski)
Links: Source Code / Demo
Created on: October 14, 2015
Made with: HTML, CSS, JS
Tags: material design, bootstrap, bootstrap buttons, material buttons, waves effect
35. Button Toggle Material Design Dengan Bootstrap
Author: Shortcutid (shortcutid)
Links: Source Code / Demo
Created on: January 2, 2017
Made with: HTML, CSS, JS
36. Neumorphism Button Design End Hover 360 Rotate
Author: Bilal.Rizwaan (Bilal1909)
Links: Source Code / Demo
Created on: May 4, 2020
Made with: HTML, CSS
More Awesome Lists:
Share: