ForgeRock Developer Experience

ForgeRock Login Widget

The ForgeRock Login Widget is an all-inclusive UI component to help you add authentication, user registration, and other self-service flows into your web applications.

You can use the ForgeRock Login Widget within React, Vue, Angular and a number of other modern JavaScript frameworks, as well as vanilla JavaScript.

It does not currently support server-side rendering (SSR), including Node.js.

The ForgeRock Login Widget uses the ForgeRock SDK for JavaScript internally, and adds a user interface and state management. This rendering layer helps eliminate the need to develop and maintain the UI components for providing complex authentication flows.

ForgeRock develops this rendering layer using Svelte and Tailwind, but these are "compiled away" resulting in no runtime dependencies.

The resulting ForgeRock Login Widget is both library- and framework-agnostic.

Topics

Get started with the ForgeRock Login Widget in the following sections:

Tutorial

Learn how to install the ForgeRock Login Widget, add it to your applications and manage user authentication and self-service journeys.
Themes

Discover how to reconfigure the ForgeRock Login Widget to use different colors, fonts, or sizing, or select between the light and dark modes.
Use cases

Find out how to achieve some common use case scenarios using the ForgeRock Login Widget.
Integrations

Integrate the ForgeRock Login Widget into various different frameworks.
API

Access a list of the modules included in the ForgeRock Login Widget and the API they offer.

Functionality

The ForgeRock Login Widget supports the following ForgeRock features:

Supported Unsupported

  • Page node

  • Username

  • Password

  • QR codes

  • Push authentication and registration

  • One-time passwords and registration

  • WebAuthn

  • Device profiles

  • Social login providers:

    • Apple

    • Facebook

    • Google

  • Email suspend, or "magic links"

  • CAPTCHA display

    • hCaptcha

    • reCAPTCHA v2

    • reCAPTCHA v3

  • PingOne Protect

  • Centralized login

  • TextOutputCallback callbacks containing scripts

  • SAML federation

Requirements

The ForgeRock Login Widget is designed to work with the following:

  • An ECMAScript module or CommonJS enabled client-side JavaScript app

  • A "modern", fully-featured browser such as Chrome, Firefox, Safari, or Chromium Edge

The ForgeRock Login Widget supports vanilla JavaScript and many frameworks. It is tested against the following:

Tested Unsupported

  • Angular

  • React

  • Vue

  • Svelte

  • Server-side rendering (SSR), including Node.js

The ForgeRock Login Widget is not designed or tested for use with the following:

  • Internet Explorer

  • Legacy Edge

  • WebView

  • Electron

  • Modified, browser-like environments

Copyright © 2010-2024 ForgeRock, all rights reserved.