{"id":35076815,"url":"https://github.com/reown-com/appkit-web-examples","last_synced_at":"2025-12-27T12:12:58.113Z","repository":{"id":264077216,"uuid":"892280129","full_name":"reown-com/appkit-web-examples","owner":"reown-com","description":"Web dApp examples implementing Reown AppKit","archived":false,"fork":false,"pushed_at":"2025-12-19T16:52:02.000Z","size":2322,"stargazers_count":77,"open_issues_count":0,"forks_count":49,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-12-21T08:49:22.538Z","etag":null,"topics":["appkit","examples","prod","reown","team-devrel","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/reown-com.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-21T20:27:14.000Z","updated_at":"2025-12-19T16:52:06.000Z","dependencies_parsed_at":"2025-01-15T19:34:24.414Z","dependency_job_id":"39c4c5c8-b481-40c4-9d72-c39b979a15e2","html_url":"https://github.com/reown-com/appkit-web-examples","commit_stats":null,"previous_names":["reown-com/appkit-web-examples"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/reown-com/appkit-web-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reown-com%2Fappkit-web-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reown-com%2Fappkit-web-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reown-com%2Fappkit-web-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reown-com%2Fappkit-web-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reown-com","download_url":"https://codeload.github.com/reown-com/appkit-web-examples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reown-com%2Fappkit-web-examples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28078480,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-27T02:00:05.897Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["appkit","examples","prod","reown","team-devrel","web"],"created_at":"2025-12-27T12:12:57.568Z","updated_at":"2025-12-27T12:12:58.106Z","avatar_url":"https://github.com/reown-com.png","language":"TypeScript","readme":"\u003cimg src=\"https://github.com/user-attachments/assets/befd1901-8387-4a4c-8fbc-282dd9802889\" height=\"100\" alt=\"Reown\"\u003e\n\n# Web AppKit Examples\n\n\nThis repository provides examples of how to integrate and use **AppKit** in various frameworks, including **Javascript**,**Next.js**, **React**, and **Vue**. These examples are designed to demonstrate best practices and simplify the integration process.\n\n## 🔧 About Reown AppKit\n\n**Reown AppKit** is a comprehensive, open-source SDK designed to streamline the development of modern Web3 applications. It offers a suite of modular tools that simplify user onboarding, authentication, transactions, and engagement across multiple blockchain networks.\n\n### 🚀 Key Features\n\n- **Universal Authentication**  \n  Support for email, social logins, and one-click authentication using SIWX, enabling seamless user access across EVM, Solana, and Bitcoin networks.  \n  [Read more →](https://docs.reown.com/appkit/features/authentication)\n\n- **Smart Accounts**  \n  Enhance user security and convenience with multi-signature authorization and automated transaction workflows.  \n  [Read more →](https://docs.reown.com/appkit/features/smart-accounts)\n\n- **Smart Sessions**  \n  Enable dApps to perform specific blockchain actions on behalf of users for a defined period, eliminating the need for repeated approvals.  \n  [Read more →](https://docs.reown.com/appkit/features/smart-sessions)\n\n- **On-Ramp \u0026 Swaps**  \n  Let users buy crypto and swap tokens directly within your app.  \n  [Read more →](https://docs.reown.com/appkit/features/onramp)\n\n- **Notifications**  \n  Deliver important updates directly to users’ wallets or in-app using Web3-native notifications.  \n  [Read more →](https://docs.reown.com/appkit/next/notifications/overview)\n\n- **Multi-Chain Support**  \n  Works seamlessly with EVM chains, Solana, and Bitcoin.  \n  [Read more →](https://docs.reown.com/appkit/overview)\n\n- **Customizable UI**  \n  Themeable components with support for light/dark modes and brand styling.  \n  [Read more →](https://docs.reown.com/appkit/overview)\n\n- **Extensive Wallet Compatibility**  \n  Connects with over 600 wallets including MetaMask, Coinbase Wallet, Trust Wallet, and more.  \n  [Read more →](https://docs.reown.com/appkit/overview)\n\nReown AppKit is framework-agnostic and supports React, Vue, Next.js, React Native, Flutter, Android, iOS, and Unity — giving developers the flexibility to build seamless and secure Web3 experiences across platforms.\n\n📚 Explore the full documentation: [docs.reown.com/appkit](https://docs.reown.com/appkit/overview)\n\n\n## Examples Included\n\nEach framework has examples for the implementation with wagmi, ethers, solana, bitcoin and multichain (wagmi \u0026 solana)\n\n| Framework | Integration   | Live Demo                                                                                     | Fork on Stackblitz                                                                                              |\n|-----------|---------------|-----------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------|\n| **Javascript** | ethers        | [Demo](https://appkit-web-examples-javascript-ethers.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/javascript/javascript-ethers/)                |\n|           | wagmi         | [Demo](https://appkit-web-examples-javascript-wagmi.reown.com/)                                    | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/javascript/javascript-wagmi/)                 |\n|           | Solana        | [Demo](https://appkit-web-examples-javascript-solana.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/javascript/javascript-solana/)                |\n|           | Bitcoin       | [Demo](https://appkit-web-examples-javascript-bitcoin.reown.com/)                                  | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/javascript/javascript-bitcoin/)              |\n| **Next.js** | ethers        | [Demo](https://appkit-web-examples-next-ethers.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/nextjs/next-ethers-app-router/)                |\n|           | wagmi         | [Demo](https://appkit-web-examples-next-wagmi.reown.com/)                                    | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/nextjs/next-wagmi-app-router/)                 |\n|           | Solana        | [Demo](https://appkit-web-examples-next-solana.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/nextjs/next-solana-app-router/)                |\n|           | Bitcoin       | [Demo](https://appkit-web-examples-next-bitcoin.reown.com/)                                  | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/nextjs/next-bitcoin-app-router/)              |\n|           | Multichain    | [Demo](https://appkit-web-examples-next-multichain.reown.com/)                               | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/nextjs/next-multichain-app-router/)           |\n| **React**  | ethers        | [Demo](https://appkit-web-examples-react-ethers.reown.com/)                                  | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-ethers/)              |\n|           | wagmi         | [Demo](https://appkit-web-examples-react-wagmi.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-wagmi/)               |\n|           | Solana        | [Demo](https://appkit-web-examples-react-solana.reown.com/)                                  | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-solana/)              |\n|           | Bitcoin       | [Demo](https://appkit-web-examples-react-bitcoin.reown.com/)                                 | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-bitcoin/)             |\n|           | Multichain    | [Demo](https://appkit-web-examples-react-multichain.reown.com/)                              | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-multichain/)          |\n|           | AppKit Pay    | [Demo](https://appkit-web-examples-pay.reown.com/)                                           | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/react/react-wagmi-appkit-pay/)          |\n| **Vue**    | ethers        | [Demo](https://appkit-web-examples-vue-ethers.reown.com/)                                    | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/vue/vue-ethers/)                  |\n|           | wagmi         | [Demo](https://appkit-web-examples-vue-wagmi.reown.com/)                                     | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/vue/vue-wagmi/)                   |\n|           | Solana        | [Demo](https://appkit-web-examples-vue-solana.reown.com/)                                    | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/vue/vue-solana/)                  |\n|           | Bitcoin       | [Demo](https://appkit-web-examples-vue-bitcoin.reown.com/)                                   | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/vue/vue-bitcoin/)                 |\n|           | Multichain    | [Demo](https://appkit-web-examples-vue-multichain.reown.com/)                                | [Fork](https://stackblitz.com/github/reown-com/appkit-web-examples/tree/main/vue/vue-multichain/)              |\n\n\n---\n\n## Structure\n\n```plaintext\n.\n├── javascript/   # Web AppKit with Javascript\n├──────── javascript-bitcoin    \n├──────── javascript-core    # AppKit Core\n├──────── javascript-ethers\n├──────── javascript-multichain    # Wagmi + Solana\n├──────── javascript-wagmi\n├──────── javascript-solana\n├── nextjs/   # Web AppKit with NextJS\n├──────── next-bitcoin-app-router\n├──────── next-core-app-router    # AppKit Core\n├──────── next-siwe-next-auth\n├──────── next-siwx-multichain-supabase-storage\n├──────── next-siwx-multichain\n├──────── next-wagmi-app-router\n├──────── next-ethers-app-router\n├──────── next-solana-app-router\n├──────── next-multichain-app-router    # Wagmi + Solana\n├── react/    # Web AppKit with React\n├──────── react-bitcoin\n├──────── react-core    # AppKit Core\n├──────── react-wagmi\n├──────── react-ethers\n├──────── react-ethers5\n├──────── react-multichain    # Wagmi + Solana\n├──────── react-solana\n├──────── react-siwe-server-example\n├──────── react-wagmi-appkit-pay\n├── vue/      # Web AppKit with Vue\n├──────── vue-bitcoin    \n├──────── vue-core    # AppKit Core\n├──────── vue-ethers\n├──────── vue-multichain (wagmi+solana)\n├──────── vue-solana\n└──────── vue-wagmi\n```\n\n## Reference\n\n- [AppKit Docs](https://docs.reown.com/appkit/overview)\n- [React AppKit Quickstart](https://docs.reown.com/appkit/react/core/installation)\n- [Next.js AppKit Quickstart](https://docs.reown.com/appkit/next/core/installation)\n- [Vue AppKit Quickstart](https://docs.reown.com/appkit/vue/core/installation)\n- [Javascript AppKit Quickstart](https://docs.reown.com/appkit/javascript/core/installation)\n- [Discord for Questions](https://discord.gg/reown)\n- [Dashboard to create a projectId to use AppKit](https://dashboard.reown.com/)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freown-com%2Fappkit-web-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freown-com%2Fappkit-web-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freown-com%2Fappkit-web-examples/lists"}