<p>The best resource I am aware of for you to get started integrating with Nami wallet is this repository:</p>
<p><a href="https://github.com/dynamicstrategies/cardano-wallet-connector" rel="nofollow noreferrer">https://github.com/dynamicstrategies/cardano-wallet-connector</a></p>
<p>The sample (available via a Live demo) shows how integrations work with various wallets.</p>
<p>Several other resources I have found useful in developing my understanding of Wallet Integration and the Cardano Serialization Library (A utility to make working with Cardano data structures easier) are:</p>
<ul>
<li><p><a href="https://github.com/pyropy/full-stack-cardano" rel="nofollow noreferrer">https://github.com/pyropy/full-stack-cardano</a> - Simple next js integration</p>
</li>
<li><p><a href="https://github.com/dendorferpatrick/nami-wallet-examples/tree/master" rel="nofollow noreferrer">https://github.com/dendorferpatrick/nami-wallet-examples/tree/master</a> - A Comprehensive and well-documented breakdown of Nami wallet integration with an applied real-world use case</p>
</li>
<li><p><a href="https://github.com/tango-crypto/cardano-wallet-js" rel="nofollow noreferrer">https://github.com/tango-crypto/cardano-wallet-js</a> - Superbly documented overview of using the Cardano Serialization Library</p>
</li>
<li><p><a href="https://github.com/Felippo001/nami-wallet-api" rel="nofollow noreferrer">https://github.com/Felippo001/nami-wallet-api</a> - Lightweight integration with Nami and Blockfrost</p>
</li>
<li><p><a href="https://www.cardano-caniuse.io/" rel="nofollow noreferrer">https://www.cardano-caniuse.io/</a> - Site that shows which wallets support various API commands</p>
</li>
<li><p><a href="https://srdjanstankovic.com/2021/12/24/how-to-sign-and-submit-cardano-cli-transaction-using-nami-wallet.html" rel="nofollow noreferrer">https://srdjanstankovic.com/2021/12/24/how-to-sign-and-submit-cardano-cli-transaction-using-nami-wallet.html</a> - Nice blog post on signing transactions</p>
</li>
</ul>
<p>Hope that helps!</p>

CC BY-SA 4.0
2022-03-08T14:52:58.000Z
2022-03-08T14:52:58.000Z
spirois
<p>Are there any examples out there for how to implement Nami wallet end to end for a website (with or without React)? For example, how can I create a button for my site which upon being clicked asks the user if they want to connect their wallet to the site OR if the user has already granted access, then their wallet is opened where they can create a TX, see their TX history, etc.</p>

<nami-wallet><webapp><reactjs>
Nami wallet API implementation example for web app
# Nami wallet API implementation example for web app

(Asked by: username_0 on 2022-03-07)

Are there any examples out there for how to implement Nami wallet end to end for a website (with or without React)? For example, how can I create a button for my site which upon being clicked asks the user if they want to connect their wallet to the site OR if the user has already granted access, then their wallet is opened where they can create a TX, see their TX history, etc.

**Tags:** nami-wallet, webapp, reactjs

---

## 1 answers

### Answer by username_1 on 2022-03-08. Score: 4 | Accepted answer

The best resource I am aware of for you to get started integrating with Nami wallet is this repository:

<https://github.com/dynamicstrategies/cardano-wallet-connector>

The sample (available via a Live demo) shows how integrations work with various wallets.

Several other resources I have found useful in developing my understanding of Wallet Integration and the Cardano Serialization Library (A utility to make working with Cardano data structures easier) are:

* <https://github.com/pyropy/full-stack-cardano> - Simple next js integration
* <https://github.com/dendorferpatrick/nami-wallet-examples/tree/master> - A Comprehensive and well-documented breakdown of Nami wallet integration with an applied real-world use case
* <https://github.com/tango-crypto/cardano-wallet-js> - Superbly documented overview of using the Cardano Serialization Library
* <https://github.com/Felippo001/nami-wallet-api> - Lightweight integration with Nami and Blockfrost
* <https://www.cardano-caniuse.io/> - Site that shows which wallets support various API commands
* <https://srdjanstankovic.com/2021/12/24/how-to-sign-and-submit-cardano-cli-transaction-using-nami-wallet.html> - Nice blog post on signing transactions

Hope that helps!


---

