✨ Magic Authentication JavaScript SDK


> Magic empowers developers to protect their users via an innovative, passwordless authentication flow without the UX compromises that burden traditional OAuth implementations.

License ·
Changelog ·
Contributing Guide

## ⚠️ Removal of loginWithMagicLink() ⚠️
As of v19.0.0, passcodes (ie. loginWithSMS(), loginWithEmailOTP()) are replacing Magic Links (ie. loginWithMagicLink()) for all of our Mobile SDKs⁠. Learn more

## 📖 Documentation

See the developer documentation to learn how you can master the Magic SDK in a matter of minutes.

## 🔗 Installation

Integrating your app with Magic will require our client-side NPM package:

``bash
# Via NPM:
npm install --save @magic-sdk/react-native-expo
npm install --save react-native-webview@^11.26.0 # Required Peer Dependency
npm install --save react-native-safe-area-context # Required Peer Dependency
npm install --save @react-native-community/netinfo # Required Peer Dependency

# Via Yarn:
yarn add @magic-sdk/react-native-expo
yarn add react-native-webview@^11.26.0 # Required Peer Dependency
yarn add react-native-safe-area-context # Required Peer Dependency
yarn add @react-native-community/netinfo # Required Peer Dependency
`

⚡️ Quick Start

Sign up or log in to the developer dashboard to receive API keys that will allow your application to interact with Magic's authentication APIs.

Then, you can start authenticating users with _just one method!_

`tsx
import React from 'react';
import { Magic } from '@magic-sdk/react-native-expo';
import { SafeAreaProvider } from 'react-native-safe-area-context';

const magic = new Magic('YOUR_API_KEY');

export default function App() {
return <>

{/ Render the Magic iframe! /}

{...}


}
// Somewhere else in your code...
await magic.auth.loginWithEmailOTP({ email: 'your.email@example.com' });
`
⁠⁠👉 Check out some of our React Native Demo apps for inspiration! 👀



👀 SafeAreaView