Skip to content

10 React Button

    See the Pen React Button by Kasper De Bruyne (@kdbkapsere) on CodePen.

    Title:- React Button
    Author:-Kasper De Bruyne
    Made With:-React ( HTML CSS JS )


    See the Pen React button component example by Anton Petrov (@apetrov) on CodePen.

    Title:- React button component example
    Author:-Anton Petrov
    Made With:-React ( HTML CSS JS )


    See the Pen React Animated Button With Loading State by Jesse Borden (@jesseaborden) on CodePen.

    Title:- React Animated Button With Loading State
    Author:- Jesse Borden
    Made With:-React ( HTML CSS JS )


    See the Pen Sample React Button by Jesse Noseworthy (@jessenoseworthy) on CodePen.

    Title:- Sample React Button
    Author:- Jesse Noseworthy
    Made With:-React ( HTML CSS JS )


    React Button Loader with Bootstrap flavor

    react-bootstrap-button-loader
    Bootstrap Button with Spinner feature.

    Author:-yury-dymov

    Demo
    Demo and playground are available here


    React Component that renders an animated set of 3D UI buttons

    Author:-Rafael Caferati

    React AwesomeButton UI Component
    React button component. With a 3D UI, progress, social, and share enabled. RAB is a 60fps, lightweight, performant, production-ready react UI button component.
    react-awesome-button is a performant, extendable, highly customizable, production-ready React Component that renders an animated set of 3D UI buttons. Bundled together with a social share and progress enabled components

    Key Features

    • 60fps 3D animated button
    • Animated progress button
    • Social icons and network specific share methods
    • OnPress ripple effect
    • Look and feel customisable and extendable in two ways: via CSS custom properties or SASS variables and lists (scss config file).
    • Use it with CSSModules or **Plain CSS

    Live demo

    Checkout the live demo with the CSS customizer at my web portfolio page.

    Author

    Rafael Caferati


    Lightweight social sharing buttons for React

    Author :-Max Stoiber

    react-sharingbuttons

    Lightweight social sharing buttons for React. No tracking. Just fun. Heavily inspired by sharingbuttons.io


    react-progress-button
    Simple react.js component for an inline progress indicator.

    Author:-Mathieu Dutour

    Live Demo


    See the Pen React Menu Buttons by Manuel Jung (@manuel_jung_wwi12) on CodePen.

    Title:- React Menu Buttons
    Author:- Manuel Jung
    Made With:-React ( HTML CSS JS )


    React configurable animated svg buttons

    Author:-github.com/plouc

    This package provides a <MorphIcon /> component used to compose available buttons, it’s able to morph from whatever icon type to another one.

    The <MorphIcon /> the component exposes 18 icon types.

    It also provides a set of button components.

    Please, take a look at the demo.