Code Monkey home page Code Monkey logo

dbk-modal'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, optional WalletConnect rpc provider and more v2 protocol features 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

dbk-modal's People

Contributors

pedrouid avatar crisgarner avatar dependabot[bot] avatar iljadaderko avatar yzheny avatar arronhunt avatar xzilja avatar w3stside avatar mirshko avatar chaitanyapotti avatar sheraz-haider avatar miohtama avatar erin-at-work avatar alpa-coder avatar jinhao-l avatar paromix avatar stevemieskoski avatar vfn avatar miguelmota avatar filipkozakred avatar 0xdaksh avatar chadyj avatar devceline avatar thealexpatin avatar jessgusclark avatar dkent600 avatar acryptosx avatar 0xzoz avatar woibldd avatar trizin 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.