Git Product home page Git Product logo

web3modal's Introduction

Looking for v1.x readme? It is available on V1 Branch

Web3Modal

Your on-ramp to web3 multichain. Web3Modal is a versatile library that makes it super easy to connect users with your Dapp and start interacting with the blockchain.

โš ๏ธ v2 is in early alpha and we are continuously adding more features, examples and documentation. As of now we support use cases with react and evm chains. Support for more frameworks and chains is on the way.

Quick Start

Getting started with web3modal is as easy as installing few packages, one for your preferred front-end framework i.e. @web3modal/react and chain ecosystem you are working with i.e @web3modal/ethereum.

1. Obtain your WalletConnect projectId

Head over to cloud.walletconnect.com to sign up and generate your projectId, which will be required to allow interactions with our explorer api and v2 protocol sdk's in the future.

2. Follow instructions and examples for your favourite framework

  • React Docs / React Example
  • Vue Docs / Vue Example (coming soon)
  • Angular Docs / Angular Example (coming soon)
  • Vanilla JS Docs / Vanila JS Example (coming soon)

3. Familiarise yourself with each chain package that you intend to use

4. Customise your modal!

Web3Modal exposes some config options that allow you to personalise it and make it fit in better with your dapp's ui. As of now supported config options are specified below, but more are on the way!

Option Values
theme dark, light
accentColor blackWhite, blue, default, green, magenta, orange, teal

web3modal's People

Contributors

0xasimetriq avatar 0xdaksh avatar alpa-coder avatar antoniocardenas avatar arronhunt avatar chadyj avatar chaitanyapotti avatar crisgarner avatar dependabot[bot] avatar devceline avatar dmihal avatar dzbo avatar erin-at-work avatar filipkozakred avatar giedriusvickus avatar jinhao-l avatar josheleonard avatar miguelmota avatar miohtama avatar mirshko avatar paromix avatar pedrouid avatar santteegt avatar sheraz-haider avatar stevemieskoski avatar t-damer avatar thealexpatin avatar vfn avatar w3stside avatar yzheny avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.