Whether you’re building a home for a new NFT project, a DeFi DEX application, or something entirely different, ensuring that your Web3 application shines on mobile devices is crucial. In this article, we will look at the current options for the Web3 ecosystem regarding mobile development and share a few of the existing resources available to support more mobile-friendly development.
The State of Web3 on Mobile
To gain broader adoption, Web3 needs to move beyond desktop and into users’ pockets. More than half of website traffic comes from mobile devices, and that number continues to grow.
The Web3 space has created excellent applications, but it is limited by a few factors. The largest of these is native support. While no individual can solve the issue by themselves, it’s important to keep it in mind. Creating a low-friction experience for users will drive more adoption.
Three Paths Forwards
The first decision you’ll need to make when developing a mobile-friendly Web3 application is whether you want to design a native application, a progressive web application, or a mobile website. Each of these options comes with its own set of challenges.
Below you will find a list of resources for developing each application type.
Web3.swift is a Swift library for signing transactions and interacting with smart contracts on the Ethereum Network. It allows you to connect to a geth or erigon Ethereum node (such as Chainnodes) to send transactions and read values from smart contracts without the need to write your protocols’ implementations. Web3.swift supports iOS, macOS, tvOS, watchOS, and Linux with Swift Package Manager.
Flutter Web3 is a Dart class and function wrapper for an Ethereum object from a provider—MetaMask, for example—and Ethers.js package. It can sign transactions, interact with smart contracts, and query blockchain data. It supports WalletConnect, enabling QR code modal interactions.
Web-Based and PWA Wallet Connections
Connect to Web3 Apps from anywhere with your Ledger Nano X. Coming soon for Safari on iOS.
Make the Ethereum login experience on your website feel just right. RainbowKit allows you to customize color, border radius, wallet providers, and much more through an easy-to-use API.
wagmi is a collection of React Hooks containing everything you need to start working with Ethereum. wagmi makes it easy for you to enable users to connect their wallets,, display ENS and balance information, sign messages, interact with contracts, and much more—all with caching, request deduplication, and persistence.
A communications protocol for Web3, WalletConnect, brings the ecosystem together by enabling wallets and apps to connect and interact securely.
Moralis Web3 Auth API allows users to log in via their wallets. Additionally, it provides Web3 authentication to existing Web2 databases.
Mobile Browser Testing
Test your website on different pre-installed mobile device viewports. See the mobile view of your website on Android and iOS resolutions with LT Browser, a dev-friendly browser for mobile view debugging.
Making Web3 More Friendly
To drive adoption, mobile-friendly Web3 experiences are crucially. We hope you find these resources useful and that they give you a platform from which to build better mobile Web3 experiences for your users.