30+ React.js Buttons - Free Code + Demos

Collection of 30+ React.js Buttons. All items are 100% free and open-source. The list also includes 3D react.js buttons, download, share, material, action, and progress.

1. React Native Really Awesome Button

2. React Native Download Button

3. React Native Micro Animated Button

4. React Share Button

5. React Native Material Buttons

6. React Native Button Component

7. Paypal Checkout Button - React

8. React Native Action Button

9. React Native Button

10. React SVG Buttons

11. React Progress Button

12. React Material Floating Button

13. Github Buttons

14. Radio Buttons In React

React.js Buttons - Radio buttons in React
Author: Magnus (magnusb)
Created on: October 25, 2017
Made with: HTML, CSS, Babel
Tags: react, radio-buttons

15. React Radio Button / Pads

React.js Buttons - React Radio Button / Pads
Nice big chunky, tappable radio button inputs that are way more fun to toggle than traditional radio inputs.
Author: Simon Vrachliotis (simonswiss)
Created on: March 31, 2016
Made with: Pug, Stylus, Babel
CSS Pre-processor: Stylus
JS Pre-processor: Babel
HTML Pre-processor: Pug
Tags: react, radio inputs, pad, button, tap

16. React Button Component Example

React.js Buttons - React button component example
Simple React component example with props, state and conditional classNames.
Author: Anton Petrov (apetrov)
Created on: February 19, 2018
Made with: HTML, PostCSS, Babel
Tags: react, component, conditional classes, classnames, css

17. React Floating Action Button

React.js Buttons - React Floating Action Button
Author: Bob Pham (b_pham)
Created on: August 25, 2019
Made with: HTML, CSS, Babel

18. Reactjs Switch Button

React.js Buttons - Reactjs switch button
Author: Edgar (BuiltByEdgar)
Created on: December 4, 2015
Made with: HTML, SCSS, Babel
Tags: react, button, switch, es6, babel

19. Just A Noob Save Button Animation With React

React.js Buttons - Just a Noob Save button Animation with React
Author: Jirachai Chansivanon (antronic)
Created on: April 10, 2017
Made with: HTML, SCSS, Babel

20. React Button Ripple Animation

React.js Buttons - React Button Ripple Animation
An easy way to get started at CodePen with React 0.13 and ES6.
Author: Davide Ceschia (killpowa)
Created on: April 9, 2018
Made with: HTML, SCSS, Babel
Tags: react, es6, babel, jsx

21. Modal Button Animation - React

React.js Buttons - Modal Button Animation - React
Cool modal pop-out button made with React
Author: Matthew Vincent (matthewvincent)
Created on: March 11, 2016
Made with: HTML, CSS, Babel
Tags: react, modal, gradient, animation, button

22. React Social Button

React.js Buttons - react social button
social button (react)
Author: Jaime (asm-jaime)
Created on: July 21, 2016
Made with: CSS, Babel
Tags: react, social-button, react social button

23. React Social Share Buttons

React.js Buttons - React Social Share Buttons
Day 10 of 100! 10% of the way through baby! Awesome. Today is a social share button. click the button and see what happens. :D
Author: Jack Oliver (studiojvla)
Created on: August 29, 2016
Made with: HTML, SCSS, Babel
Tags: react, dailyui, social, share, ui

24. React Popup Buttons On Hover

React.js Buttons - React popup buttons on hover
Author: Adam Morsi (AdamMorsi)
Created on: November 26, 2019
Made with: HTML, SCSS, Babel
Tags: react, animation, popup buttons, hover, widget

25. #100DaysOfCode React: Day 1 Buttons

React.js Buttons - #100DaysOfCode React: Day 1 Buttons
100 Days Of Code - React Day 1: Buttons I want to improve my React skills, so i've started this personal challenge. Inspired by frameworks like Bootsrtap i created my personal button component.
Author: Marco Besagni (marcobesagni)
Created on: August 3, 2018
Made with: HTML, Sass, Babel
Tags: 100daysofcode, react, component, button, challenge