PHPackages                             hyva-themes/magento2-react-checkout - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. hyva-themes/magento2-react-checkout

ActiveMagento2-module[Framework](/categories/framework)

hyva-themes/magento2-react-checkout
===================================

Highly customizable Magento 2 Checkout, built with React

1.1.4(3mo ago)192177.8k↓40.2%57[25 issues](https://github.com/hyva-themes/magento2-react-checkout/issues)[2 PRs](https://github.com/hyva-themes/magento2-react-checkout/pulls)2BSD-3-ClauseJavaScript

Since Jan 13Pushed 3mo ago12 watchersCompare

[ Source](https://github.com/hyva-themes/magento2-react-checkout)[ Packagist](https://packagist.org/packages/hyva-themes/magento2-react-checkout)[ RSS](/packages/hyva-themes-magento2-react-checkout/feed)WikiDiscussions main Synced 3d ago

READMEChangelog (10)Dependencies (10)Versions (26)Used By (2)

Hyvä Themes - React Checkout
============================

[](#hyvä-themes---react-checkout)

A Highly Customizable Checkout for Magento 2, Built with React.

[![Hyvä Themes](https://github.com/friends-of-hyva/magento2-react-checkout/raw/documentation/docs/images/logo-hyva.svg)](https://hyva.io/)
==========================================================================================================================================

[](#)

friends-of-hyva/magento2-react-checkout
---------------------------------------

[](#friends-of-hyvamagento2-react-checkout)

[![Supported Magento Versions](https://camo.githubusercontent.com/0b6d28a963c77797b2df0442dbf1b6340361b3125bd3ce1dc10ce7a7d1a1fdcf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d6167656e746f2d253230322e33253230253743253230322e342d627269676874677265656e2e7376673f6c6f676f3d6d6167656e746f266c6f6e6743616368653d74727565267374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/0b6d28a963c77797b2df0442dbf1b6340361b3125bd3ce1dc10ce7a7d1a1fdcf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6d6167656e746f2d253230322e33253230253743253230322e342d627269676874677265656e2e7376673f6c6f676f3d6d6167656e746f266c6f6e6743616368653d74727565267374796c653d666c61742d737175617265)

Compatible with Magento 2.3.4 and higher.

Documentation
-------------

[](#documentation)

You can find the documentation here:

What does it do?
----------------

[](#what-does-it-do)

It loads a React Checkout at `[store-url]/hyvareactcheckout/reactcheckout`. When enabled in `hyva_react_checkout/general/enable` it replaces the default checkout.

It depends on these two variables in localstorage:

- `signin_token` to the `customer` section
- `cartId` to the `cart` section

For Hyvä Themes or default Magento frontend, `hyva-themes/magento2-graphql-tokens` is needed to add these tokens to the `customerSections`.

Installation
------------

[](#installation)

**Please note:** this checkout is not intended to be installed as *plug-and-play*. It should be considered as a toolbox to build your own checkout based on your needs. A developer with ReactJS knowledge will be required.

Ideally, you would use this checkout with your own version of this module: The Checkout Example uses an extension mechanism that allows you to build your own checkout based on this repo.

If you want to install the checkout as a demo or just try it out, install it directly as follows:

1. Install via composer

    Via Packagist:

    ```
    composer require hyva-themes/magento2-react-checkout

    ```

    Via Github:

    ```
    composer config repositories.hyva-themes/magento2-react-checkout git git@github.com:friends-of-hyva/magento2-react-checkout.git
    composer require hyva-themes/magento2-react-checkout

    ```
2. Enable module

    ```
    bin/magento setup:upgrade

    ```

To fully customize the checkout to your needs, either clone this repo, or use .

Read the full documentation here:

Configuration
-------------

[](#configuration)

In the Magento Backend Configuration:

`HYVA THEMES->React Checkout->General Settings->Enable`

The configuration path is `hyva_react_checkout/general/enable`

Credits
-------

[](#credits)

This Checkout has been built in corporation - and with the support of - our main partner, integer\_net.

[![integer_net GmbH](https://github.com/friends-of-hyva/magento2-react-checkout/raw/documentation/docs/images/logo-integernet-green.png)](https://integer-net.de)
=================================================================================================================================================================

[](#-1)

In particular, [Rajeev K Tomy](https://github.com/progammer-rkt) has been a monumental in the development of this Checkout.

- [Rajeev K Tomy](https://github.com/progammer-rkt)
- [Willem Wigman](https://github.com/wigman)
- [integer\_net GmbH](https://integer-net.com)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.txt) for more information.

###  Health Score

58

—

FairBetter than 98% of packages

Maintenance76

Regular maintenance activity

Popularity52

Moderate usage in the ecosystem

Community31

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 80.3% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~104 days

Recently: every ~340 days

Total

19

Last Release

117d ago

Major Versions

0.1 → 1.0.0-rc2021-09-14

### Community

Maintainers

![](https://www.gravatar.com/avatar/7cd0062c670f61aa554c5d30193848ac11031b6cdb8f8616249b95a235eb475d?d=identicon)[wigman](/maintainers/wigman)

---

Top Contributors

[![rajeev-k-tomy](https://avatars.githubusercontent.com/u/7589113?v=4)](https://github.com/rajeev-k-tomy "rajeev-k-tomy (478 commits)")[![wigman](https://avatars.githubusercontent.com/u/4800926?v=4)](https://github.com/wigman "wigman (85 commits)")[![ilker-capli](https://avatars.githubusercontent.com/u/26464719?v=4)](https://github.com/ilker-capli "ilker-capli (6 commits)")[![jladmore](https://avatars.githubusercontent.com/u/1988002?v=4)](https://github.com/jladmore "jladmore (5 commits)")[![jesse-deboer](https://avatars.githubusercontent.com/u/14839421?v=4)](https://github.com/jesse-deboer "jesse-deboer (4 commits)")[![Morgy93](https://avatars.githubusercontent.com/u/7961978?v=4)](https://github.com/Morgy93 "Morgy93 (4 commits)")[![michielgerritsen](https://avatars.githubusercontent.com/u/5858697?v=4)](https://github.com/michielgerritsen "michielgerritsen (2 commits)")[![benoitalix](https://avatars.githubusercontent.com/u/4698031?v=4)](https://github.com/benoitalix "benoitalix (2 commits)")[![spyrmp](https://avatars.githubusercontent.com/u/4165165?v=4)](https://github.com/spyrmp "spyrmp (2 commits)")[![FredericMartinez](https://avatars.githubusercontent.com/u/13019288?v=4)](https://github.com/FredericMartinez "FredericMartinez (1 commits)")[![peterjaap](https://avatars.githubusercontent.com/u/431360?v=4)](https://github.com/peterjaap "peterjaap (1 commits)")[![ennostuurman](https://avatars.githubusercontent.com/u/1906257?v=4)](https://github.com/ennostuurman "ennostuurman (1 commits)")[![carstendietrich](https://avatars.githubusercontent.com/u/3203968?v=4)](https://github.com/carstendietrich "carstendietrich (1 commits)")[![tbajorek](https://avatars.githubusercontent.com/u/11332657?v=4)](https://github.com/tbajorek "tbajorek (1 commits)")[![Vinai](https://avatars.githubusercontent.com/u/72463?v=4)](https://github.com/Vinai "Vinai (1 commits)")[![andreusala](https://avatars.githubusercontent.com/u/51320914?v=4)](https://github.com/andreusala "andreusala (1 commits)")

---

Tags

magento2magento2-module

### Embed Badge

![Health badge](/badges/hyva-themes-magento2-react-checkout/health.svg)

```
[![Health](https://phpackages.com/badges/hyva-themes-magento2-react-checkout/health.svg)](https://phpackages.com/packages/hyva-themes-magento2-react-checkout)
```

###  Alternatives

[mollie/magento2

Mollie Payment Module for Magento 2

1131.9M16](/packages/mollie-magento2)[buckaroo/magento2

Buckaroo Magento 2 extension

32420.3k8](/packages/buckaroo-magento2)[imi/magento2-friendly-captcha

Friendly Captcha integration for Magento2

19131.4k](/packages/imi-magento2-friendly-captcha)[loki/magento2-components

Core module for defining Alpine.js components with advanced AJAX features

1011.8k26](/packages/loki-magento2-components)[mage-os/module-inventory-reservations-grid

Add a grid with the list of inventory reservations.

1615.9k](/packages/mage-os-module-inventory-reservations-grid)[mage-os/module-automatic-translation

Automatic AI content translation for Mage-OS.

3017.9k](/packages/mage-os-module-automatic-translation)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)