Migrate to the Userfront Toolkit

Users of the legacy Userfront pre-built forms are invited to migrate to our new Userfront Toolkit. Userfront Toolkit features full multi-factor authentication (MFA) support, so you can embed multi-factor login directly in your app. Userfront Toolkit also allows for greater customization to match your branding and style guide.

#Migration for plain HTML users

#Legacy usage

#New usage

#Migration for React users

#Legacy installation

#Legacy usage

#New installation

The Userfront Core JS library is included in both the legacy and new Toolkits.

#New usage

Be sure to import from @userfront/toolkit/react.

#Migration for Vue Users

#Legacy installation

#Legacy usage

#New installation

The Userfront Core JS library is included in both the legacy and new Toolkits.

#New usage with Vue 3

Be sure to import from @userfront/toolkit/vue.

You don't need to register the individual components. Import the library when your app loads, and the forms will be available anywhere in your app.

#Usage with other frameworks

The Userfront Toolkit makes its forms available as Web Components, which means that it's compatible with many front-end libraries, including Angular, Svelte, Polymer, Lit and Solid.

#Installation

#Usage