This monorepo contains various example applications demonstrating the integration of MetaMask SDK across different frameworks and platforms. Built with Turborepo for efficient development and build processes.
Clone and install dependencies:
git clone <repository-url>
cd metamask-sdk-examples && pnpm installmetamask-sdk-examples/
βββ examples/ # Example applications
β βββ react/ # React.js integration
β βββ next/ # Next.js integration
β βββ vue/ # Vue.js integration
β βββ vanilla/ # Vanilla JavaScript integration
βββ packages/ # Shared configurations and utilities
β βββ eslint-config/ # Shared ESLint configurations
β βββ tsconfig/ # Shared TypeScript configurations
Each example in the examples/ directory demonstrates MetaMask SDK integration in different frameworks and scenarios:
- React Example: Modern React application showcasing hooks and components
- Next.js Example: Server-side rendering and static site generation
- Vue Example: Vue.js integration example
- Vanilla JS: Pure JavaScript implementation without frameworks
To run a specific example:
cd examples/<example-name>
pnpm dev- Create a new directory in
examples/ - Copy the example template (if available)
- Implement the MetaMask SDK integration
- Update this README with the new example details
- Build System: Turborepo
- Package Manager: pnpm
- Language: TypeScript
- Linting: ESLint
- Formatting: Prettier
Each example includes its own README with:
- Specific setup instructions
- Implementation details
- Best practices
- Common issues and solutions
We welcome contributions! To add a new example:
- Fork the repository
- Create a new branch
- Add your example
- Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.