# @magic-ext/connect > Magic SDK Connect Extension for Web environments. Latest version **9.1.0** (published 2023-04-04) · MIT license · 0 weekly downloads > **Deprecated.** This package is deprecated. ## Install ```sh npm install @magic-ext/connect pnpm add @magic-ext/connect yarn add @magic-ext/connect bun add @magic-ext/connect ``` ## Health **Score 10/100 (F)** — status: deprecated. Negative: deprecated. ## Facts | | | |---|---| | Version | 9.1.0 | | Published | 2023-04-04 | | First published | 2022-05-12 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 0 | | Unpacked size | 22.3 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 476 | | Author | Magic | | Maintainers | magic-srinjoy, mattupham_magic, sgdheeban, thejustinh, floresarian89, magician9001, marvin.ocampo, mikeysight, ethella, damianjachyra, magic-ravi, magiclabs_fe, jasonatmagic, bcleary06, hcote, sandeepsuresh, seanli, fyjen, larscanders | ## Links - npm: https://www.npmjs.com/package/@magic-ext/connect - Repository: https://github.com/magiclabs/magic-js - Homepage: https://github.com/magiclabs/magic-js#readme - Issues: https://github.com/magiclabs/magic-js/issues - npm.io page: https://npm.io/package/@magic-ext/connect ## Recent versions - 9.1.0 (latest) — 2023-04-04 - 9.1.1-canary.494.4639737490.0 (canary) — 2023-04-07 - 9.2.0-canary.492.4634020255.0 — 2023-04-07 - 9.1.0-canary.490.4602563296.0 — 2023-04-04 - 9.0.2-canary.478.4599049210.0 — 2023-04-03 - 9.0.1 — 2023-03-31 - 9.0.0 — 2023-03-31 - 8.1.0 — 2023-03-29 - 8.0.0 — 2023-03-27 - 7.0.0 — 2023-03-24 - 6.7.2 — 2023-03-21 - 6.7.1 — 2023-03-20 - 6.7.0 — 2023-03-07 - 6.6.0 — 2023-02-28 - 6.5.0 — 2023-02-21 - … 26 more at https://npm.io/package/@magic-ext/connect/versions ## README # 🔒 Magic Connect Extension for Web Browsers and React Native Apps [![](https://circleci.com/gh/magiclabs/magic-js.svg?style=shield)](https://circleci.com/gh/magiclabs/magic-js) > Magic Connect JavaScript SDK extension.

License · Changelog · Contributing Guide

## 📖 Documentation See the [developer documentation](https://magic.link/docs/connect) to learn how to get started with Connect in Magic SDK. ## 🔗 Installation Integrating your app with Magic will require our client-side NPM package and the Connect extension: ### Web Browser: ```bash # Via NPM: npm install --save magic-sdk @magic-ext/connect # Via Yarn: yarn add magic-sdk @magic-ext/connect ``` Alternatively, you can load via CDN with by adding a script tag to your app’s ``: ```html ``` ### Bare React Native: ```bash # Via NPM: npm install --save @magic-sdk/react-native-bare @magic-ext/connect # Via Yarn: yarn add @magic-sdk/react-native-bare @magic-ext/connect ``` ### Expo React Native: ```bash # Via NPM: npm install --save @magic-sdk/react-native-expo @magic-ext/connect # Via Yarn: yarn add @magic-sdk/react-native-expo @magic-ext/connect ``` ## ⚡️ Quick Start Sign up or log in to the [developer dashboard](https://dashboard.magic.link) to receive API keys that will allow your application to interact with Magic's APIs. From your login page: ```ts import Web3 from 'web3'; import { Magic } from 'magic-sdk'; // web browsers import { Magic } from '@magic-sdk/react-native-bare'; // Bare React Native import { Magic } from '@magic-sdk/react-native-expo'; // Expo React Native import { ConnectExtension } from '@magic-ext/connect'; const magic = new Magic('YOUR_API_KEY', { extensions: [new ConnectExtension()], network: 'mainnet' // 'mainnet' or 'testnet' }); const web3 = new Web3(magic.rpcProvider); await web3.eth.getAccounts(); ``` --- _Source: https://npm.io/package/@magic-ext/connect · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._