Magic for Web

Magic for Web

New to Magic?

Create a fully-functional Magic auth demo in minutes.

Build a demo

Reference for the Magic SDK for web / client-side JavaScript: https://github.com/magiclabs/magic-js

Overview

The Magic SDK for client-side JavaScript is your entry-point to secure, passwordless authentication for your web-based app. This guide will cover some important topics for getting started with client-side APIs and to make the most of Magic's features.

  • Install the Magic Client SDK to get started

  • View the API documentation below to learn the methods you'll be using

  • Go to Guides for an introduction to common patterns and use-cases

Magic can support both server-based or serverless web applications. It is up to the developers to implement the Admin SDK to validate the DID Token.

note

Looking for a server-side API instead? Check out Magic Admin SDK

Create a New Magic App

  1. To create a new Magic project from scratch, run:

    npx make-magic
  2. You'll be guided through some presets:

  3. At the end, you'll have a working Magic app!

Learn more about make-magic, our CLI tool that vastly simplifies project creation.

Add to an existing website

NPM

npm install --save magic-sdk

Yarn

yarn add magic-sdk

CDN

<script src="https://auth.magic.link/sdk"></script>

Create an SDK Instance

ES Modules/TypeScript

import { Magic } from 'magic-sdk'; const m = new Magic('API_KEY'); // āœØ

CommonJS

const { Magic } = require('magic-sdk'); const m = new Magic('API_KEY'); // āœØ

Server-side SDKs ?

Integrate Magic with your existing backend.