Installation - Stytch Docs

For a full walk-through of how to get up and running with a sign-up and login flow using Stytch, check out our Quickstart Guide.

Install Packages

Install the @stytch/vanilla-js package:

npm install @stytch/vanilla-js

Create the Stytch client

Initialize the Stytch UI client, passing in your Project’s public_token from the Project Overview of the Stytch Dashboard.

import { StytchClient } from '@stytch/vanilla-js';

const stytch = new StytchClient(
  import.meta.env.STYTCH_PUBLIC_TOKEN, // or process.env.STYTCH_PUBLIC_TOKEN for non-Vite based projects
);

Add your login flow

You have now initialized the Stytch client, and can add the Stytch Login component to get a robust, end-to-end login flow working with just a simple config.