UI Components
React
Passkeys

Passwordless React UI Components: Add Passkeys to Your Client-Side App

Add authentication flows into your react app or website using Authsignal’s UI components with the React SDK. Fast-track passkeys and MFA implementation for your client-side app. Authsignal's fast, easy-to-integrate components enable developers to create bespoke authentication user experiences without starting from scratch, giving you the flexibility and control you need to build your client-side authentication flows.

The Authsignal React SDK builds on top of the Web SDK by providing UI components that can be added to your React app.

An example of the UI components in a checkout flow.

‍

AuthsignalProvider component

The AuthsignalProvider component allows you to use the useAuthsignal hook. Render the AuthsignalProvider component at the root of your application so that it is available everywhere you need it.

‍

useAuthsignal hook

The useAuthsignal hook returns two functions, startChallenge, and startChallengeAsync, that you can use to trigger the authentication flow.

Both functions require a token to be passed as an argument. Your server should return the token after tracking an action.

startChallenge

The startChallenge function triggers the authentication flow.

‍

Learn more by visiting the docs.

Try it yourself. Full API access in minutes.

Start free trial

Or talk to our team about your integration

No items found.

You might also like

Adaptive MFA
Passkeys

Add MFA to WSO2 Identity Platform with Authsignal

September 16, 2026
Passkeys

How to automate passkey testing with Playwright

September 3, 2026
Call Connect
Call center authentication

Secure your Salesforce support calls with Authsignal Call Connect

August 20, 2026