Buttons are essentially the drivers of online interaction as we use them to login into our emails, add products to our shopping carts, download photos and basically confirm any and all actions. But more than that, every button click is a successful conclusion of every front-end web developer’s hard work. That’s why it is crucial to spend time creating functional buttons that both look beautiful and provide visual cues to the user. JavaScript offers a ton of great button libraries for you to choose your essential UI components from. Here are some of the JavaScript libraries for buttons including Semantic-UI - UI component framework based around useful principles; Buttons - A CSS button library built using Sass and Compass; Ladda - Buttons with built-in loading indicators. The following is a comprehensive list of the best open-source JavaScript Button libraries in 2022
Semantic-UIby Semantic-Org
Semantic is a UI component framework based around useful principles from natural language.
Semantic-UIby Semantic-Org
JavaScript
50612
Version:2.5.0
License: Permissive (MIT)
elevator.jsby tholman
Finally, a "back to top" button that behaves like a real elevator.
elevator.jsby tholman
JavaScript
6567
Version:1.0.1
License: No License
Buttonsby alexwolfe
A CSS button library built using Sass and Compass
Buttonsby alexwolfe
JavaScript
5065
Version:v2.0.0
License: Others (Non-SPDX)
github-buttonsby mdo
Showcase the success of any GitHub repo or user with these simple, static buttons with dynamic counts.
github-buttonsby mdo
JavaScript
2805
Version:v4.2.2
License: Permissive (Apache-2.0)
react-native-swipeoutby dancormier
iOS-style swipeout buttons behind component
react-native-swipeoutby dancormier
JavaScript
2602
Version:Current
License: Permissive (MIT)
sharingbuttons.ioby mxstbr
Quickly generate social sharing buttons with a tiny performance footprint
sharingbuttons.ioby mxstbr
JavaScript
2433
Version:Current
License: Permissive (MIT)
react-native-action-buttonby mastermoo
customizable multi-action-button component for react-native
react-native-action-buttonby mastermoo
JavaScript
2377
Version:Current
License: Permissive (MIT)
sharer.jsby ellisonleao
:on: :bookmark: Create your own social share buttons. No jquery.
sharer.jsby ellisonleao
JavaScript
1891
Version:0.5.1
License: Permissive (MIT)
ladda-bootstrapby msurguy
Ladda buttons concept originally by @hakimel, example using Bootstrap 3 by @msurguy
ladda-bootstrapby msurguy
JavaScript
1244
Version:Current
License: Permissive (MIT)
jquery-bbqby cowboy
jQuery BBQ: Back Button & Query Library
jquery-bbqby cowboy
JavaScript
1178
Version:Current
License: Strong Copyleft (GPL-2.0)
ParticleEffectsButtonsby codrops
A little library that can be used for bursting particles effects on buttons and other elements
ParticleEffectsButtonsby codrops
JavaScript
1186
Version:Current
License: No License
node-dash-buttonby hortinstein
A small module to emit events when an Amazon Dash Button is pressed
node-dash-buttonby hortinstein
JavaScript
966
Version:Current
License: No License
github-buttonsby ntkme
:octocat: Unofficial github:buttons.
github-buttonsby ntkme
JavaScript
923
Version:Current
License: Permissive (BSD-2-Clause)
ElasticProgressby codrops
Creates a button that turns into a progress bar with a elastic effect. Based on the Dribbble shot "Download" by xjw
ElasticProgressby codrops
JavaScript
875
Version:Current
License: No License
react-navigation-header-buttonsby vonovak
Easily render header buttons for react-navigation.
react-navigation-header-buttonsby vonovak
JavaScript
725
Version:v10.0.0
License: Permissive (MIT)
ViewImageby bijij
Extension to re-implement the "View Image" and "Search by image" buttons into google images.
ViewImageby bijij
JavaScript
644
Version:v3.6.2
License: Permissive (MIT)
react-native-button-componentby jacklam718
A Beautiful, Customizable React Native Button component for iOS & Android
react-native-button-componentby jacklam718
JavaScript
518
Version:Current
License: Permissive (MIT)
react-progress-buttonby mathieudutour
:cyclone: Simple react.js component for an inline progress indicator
react-progress-buttonby mathieudutour
JavaScript
517
Version:Current
License: Permissive (MIT)
ng-material-floating-buttonby nobitagit
Material design floating menu with action buttons implemented as an Angularjs directive.
ng-material-floating-buttonby nobitagit
JavaScript
468
Version:Current
License: Permissive (MIT)
add-to-calendar-buttonsby carlsednaoui
Easily add a "add to calendar" button to your websites. This JavaScript library supports Google Calendar, iCal, Outlook and Yahoo Calendar.
add-to-calendar-buttonsby carlsednaoui
JavaScript
460
Version:Current
License: No License
goodshare.jsby koddr
🚀 А useful modern JavaScript solution for share a link from your website to social networks or mobile messengers. Easy to install and configuring on any of your website!
goodshare.jsby koddr
JavaScript
456
Version:6.2.1
License: Permissive (MIT)
react-radio-groupby chenglou
Better radio buttons.
react-radio-groupby chenglou
JavaScript
440
Version:v2.2.0
License: Permissive (MIT)
Leaflet.EasyButtonby CliffCloud
leaflet control buttons with icons and callbacks
Leaflet.EasyButtonby CliffCloud
JavaScript
491
Version:Current
License: Permissive (MIT)
react-native-simple-radio-buttonby moschan
Simple and handy animated radio button component for React Native
react-native-simple-radio-buttonby moschan
JavaScript
407
Version:Current
License: Permissive (MIT)
Likelyby NikolayRys
The social sharing buttons that aren’t shabby
Likelyby NikolayRys
JavaScript
398
Version:v3.1.0
License: Permissive (ISC)
shareonby NickKaramoff
📯 Lightweight, stylish, and ethical share buttons for popular social networks
shareonby NickKaramoff
JavaScript
376
Version:v2.0.0-0
License: Permissive (MIT)