LoginRadius Frontend SDKs

LoginRadius provides a set of Frontend SDKs that handle browser-based authentication flows, session management, and UI rendering. The SDKs share a modular architecture built on promise-based APIs, default styling, and built-in localization, all powered by the same core engine — so you get a consistent integration model across frameworks.

The lineup is organized into three surfaces over one engine: the framework-agnostic JavaScript SDK, the React SDK for React and Next.js applications, and the V2 JavaScript SDK retained for existing integrations.

When to use

Use this page to decide which SDK to install. The decision is driven by your framework and how much UI control you want:

• Any framework or vanilla HTML, drop-in UI — use the LoginRadius JavaScript SDK.
• React or Next.js, component-and-hook idioms — use the LoginRadius React SDK.
• Maintaining an existing V2 integration — stay on V2 only while migration is in flight; new projects should standardize on V3.

SDK comparison

Three SDK surfaces, one engine. Pick the one that matches your framework and the amount of UI control you need.

All-in-one

LoginRadius JavaScript SDK

`@loginradius/loginradius-js`

The all-in-one JavaScript SDK. Ships pre-built UI components that render into any DOM container. Works with any framework or plain HTML via CDN.

• API: `new LoginRadiusSDK(options)` →

  `LRObject.init(action, options)`

• Best for: Vue, Angular, Svelte, vanilla HTML

React-first

LoginRadius React SDK

`@loginradius/loginradius-react`

React-first SDK with context providers, hooks, and pre-built flow components. Manages auth state through React's component model.

• Providers:`<LoginRadiusProvider>`

• Best for: React and Next.js applications

Legacy

LoginRadius JavaScript SDK v2 (Legacy)

`LoginRadiusV2.js`

Previous-generation JavaScript SDK. Still supported for existing integrations but all new projects should use V3.

• API: `new LoginRadiusV2(options)` →

  `LRObject.init(action)`

• Migration: V2 → V3 guide available

Choosing an SDK

Use the table to pick an entry point that matches your scenario. Each row links directly to the recommended getting-started path.

Scenario	Recommended SDK
Drop-in auth pages (any framework or plain HTML)	LoginRadius JavaScript SDK
React or Next.js app with component-based auth	LoginRadius React SDK
Migrating an existing V2 integration	V2 → V3 migration guide
Maintaining a legacy V2 integration	LoginRadius JavaScript SDK v2 (Legacy)

Related resources

Set up your LoginRadius account

Create your API Key and SOTT before installing any SDK.

Get started with the JavaScript SDK

Install, initialize, and render your first auth flow.

Get started with the React SDK

Wrap your app with the provider and render flows as JSX components.

Options

Global configuration shared across SDKs.

Customization

Style the SDK UI with CSS classes, style props, and CSS variables.

Localization

Translate the SDK UI copy into any language.

V2 to V3 migration guide

Upgrade an existing V2 integration to the V3 SDK lineup.