---
title: Using the Advanced Identity Cloud/PingAM Login Widget
description: Learn about our prebuilt, framework-agnostic UI component for authentication and registration journeys in JavaScript web apps, backed by AIC or PingAM.
component: orchsdks
page_id: orchsdks:journey:use-cases/login-widget/index
canonical_url: https://developer.pingidentity.com/orchsdks/journey/use-cases/login-widget/index.html
revdate: Mon, 19 May 2026 00:00:00 +0000
keywords: ["Login Widget", "JavaScript", "PingOne Advanced Identity Cloud", "PingAM", "Authentication", "Registration", "UI"]
section_ids:
  features: Features
  next_steps: Next Steps
---

# Using the Advanced Identity Cloud/PingAM Login Widget

[icon: circle-check, set=far]PingOne Advanced Identity Cloud [icon: circle-check, set=far]PingAM [icon: js, set=fab]JavaScript

The Advanced Identity Cloud/PingAM Login Widget is a prebuilt, framework-agnostic UI component that adds authentication, registration, and self-service journey support to JavaScript web applications, backed by PingOne Advanced Identity Cloud or PingAM.

It is built on top of the Orchestration SDK for JavaScript, and handles UI rendering, localization, and theme customization for you — so you can deliver a complete login experience without writing callback-level UI code.

## Features

* Framework agnostic

  Works with React, Vue, Angular, Svelte, and vanilla JavaScript.

  Internally built with Svelte and Tailwind CSS, but compiled to a dependency-free bundle, so no more build-tool conflicts.

* Authentication and registration journeys

  Drives Advanced Identity Cloud and PingAM authentication journeys, including username and password, WebAuthn and passkeys, push authentication, OATH-based one-time passcodes, QR codes, and device profiling.

* Social sign-on

  Built-in support for signing in with Apple, Facebook, and Google.

* Risk evaluation

  Integrates with PingOne Protect to perform risk assessments within a journey.

* CAPTCHA support

  Handles hCaptcha, reCAPTCHA v2, and reCAPTCHA v3 challenges natively.

* Magic links

  Supports email-based journey suspension and resumption.

* Theming and localization

  Fully customizable colors, fonts, sizing, and light/dark mode.

  Internationalization support is built in.

## Next Steps

Visit the full Advanced Identity Cloud/PingAM Login Widget documentation:

[icon: browser, set=fad, size=3x]

#### [Advanced Identity Cloud/PingAM Login Widget docs](https://developer.pingidentity.com/login-widget/index.html)

Full documentation, API reference, and customization guide for the Advanced Identity Cloud/PingAM Login Widget