Quickstart examples for MetaMask Connect across different chains and frameworks.
Each quickstart is a standalone project that can be cloned and run independently.
| Framework | Directory | Docs |
|---|---|---|
| JavaScript | quickstarts/evm/javascript |
EVM JavaScript Quickstart |
| React | quickstarts/evm/react |
EVM React Quickstart |
Examples showing MetaMask Connect integrated with popular web3 libraries.
| Library | Directory | Docs |
|---|---|---|
| wagmi | integrations/wagmi |
Wagmi Integration |
Pick a quickstart or integration and clone it directly using degit:
npx degit MetaMask/metamask-connect-examples/quickstarts/evm/react my-project
cd my-project
pnpm install
cp .env.example .env.local
pnpm devOr clone the full repo and navigate to the quickstart you want:
git clone https://github.com/MetaMask/metamask-connect-examples.git
cd metamask-connect-examples/quickstarts/evm/react
pnpm installEach quickstart and integration has its own README with specific setup instructions.
See CONTRIBUTING.md for setup instructions, code quality tooling, and guidelines for adding new quickstarts.
Quick start for contributors:
git clone https://github.com/MetaMask/metamask-connect-examples.git
cd metamask-connect-examples
pnpm install| Script | Description |
|---|---|
pnpm lint |
Lint all files |
pnpm lint:fix |
Lint and auto-fix all files |
pnpm format |
Format all files with Prettier |
pnpm format:check |
Check formatting without writing |