There are several widgets and SDKs available for developers to provide a frictionless, simple experience when using Auth0. Take a look below to find documentation on the tools that you need to get started!
How Should You Implement Auth0?
When adding Auth0 to your web apps, the best solution is to use Auth0's Hosted Login Page. Using the Hosted Login Page is a simple process, and prevents the pitfalls of cross-origin authentication. The Hosted Login Page uses by default the Lock Widget to authenticate users, but you can also find templates for Lock Passwordless and for a custom UI built with the Auth0.js SDK.
You can customize the page in the Hosted Pages Editor, and use any of the following to implement your auth needs.
- Lock is a drop-in authentication widget that provides a standard set of behaviors and a customizable user interface.
- Auth0 SDKs are client-side libraries that do not come with a user interface. These allow for expanded customization of the behavior and appearance of the login process.
- The Authentication API provides integration with Auth0 without requiring the use of Auth0 libraries.
The best option to choose will depend on the needs of your app. If you require embedded authentication in your app, these same libraries are available to be embedded rather than used in the Hosted Login Page, as well. Check out When to Use Lock for more information to help you decide between using Lock or an SDK.
Lock - Login/Signup Widgets
The Lock widget is a simple way to integrate Auth0 into existing projects and provide the frictionless login and signup experience that you want for your app. Lock provides a customizable UI for your users to use to authenticate with your app.
Auth0 SDKs include no UI. Instead, you will use one of these SDKs alongside your custom UI.
Our most popular SDKs are listed below. For a complete list (including GitHub repo links) see Auth0 Product Support Matrix > SDKs.