UI Components
Overview
Discover Corbado’s flexible UI components that can be embedded with a few lines of code.
Overview
Corbado helps you to add a full passkey authentication process to your application. As all of this involves a lot of complex UI, Corbado provides you with prebuilt and configurable UI components.
Available Packages
Corbado provides the UI components in two different packages:
- React components: Can be used for React or React-based frameworks (e.g. Next.js, Remix).
- VanillaJS components: Can be used for all other frameworks (e.g. Angular, Vue.js, Svelte).
Available UI Components
Note: You can use the Corbado VanillaJS components with any other framework / technology that uses JavaScript in the frontend (e.g. also Python, PHP or Java projects).
Component | React | VanillaJS | Description |
---|---|---|---|
CorbadoAuth | <CorbadoAuth/> | Corbado.mountAuthUI() | This component serves as a comprehensive solution for user authentication, combining both account creation and login functionalities into a single, streamlined interface. |
PasskeyList | <PasskeyList/> | Corbado.mountPasskeyListUI() | Component displays and manages all created passkeys. Users can view, create, and delete passkeys directly from this interface, enhancing device and account security management. |
Customize Styling and Translations
Corbado UI Components can be customized to match your application’s design and language preferences. You can adjust the styling and translations of the components to create a seamless user experience:
Was this page helpful?