Awesome
<div align=center><img width="300" src="https://files.authing.co/authing-console/authing-logo-new-20210924.svg"></div> <div align="center"> <a href="javascript:;"><img src="https://img.shields.io/badge/test-passing-brightgreen" /></a> <a href="https://forum.authing.cn/" target="_blank"><img src="https://img.shields.io/badge/chat-forum-blue" /></a> <a href="https://docs.authing.cn/v2/reference/ui-components/" target="_blank"><img src="https://img.shields.io/badge/docs-passing-brightgreen" /></a> <a href="https://github.com/Authing/AuthingSSO" target="_blank"><img src="https://img.shields.io/badge/License-MIT-success" alt="License"></a> <a href="javascript:;" target="_blank"><img src="https://img.shields.io/badge/node-%3E=12-green.svg" alt="Node"></a> </div> <br />English | 简体中文
Authing is an enterprise-class identity provider that integrates with OAuth, LDAP, OIDC, and other authentication and authorization solutions. This repository contains some of the UI components provided by Authing.
🌍 Ecosystem
package | version | Using the documentation |
---|---|---|
@authing/react-ui-components | Authing React UI Components | |
@authing/vue-ui-components | Authing Vue UI Components | |
@authing/ng-ui-components | Authing Angular UI Components | |
@authing/native-js-ui-components | Authing Native JavaScript UI Components |
✨ Login Component (Guard)
Authing Login Component (Guard) is an embeddable login form that can be configured according to your needs and is recommended for single page applications. It allows you to easily add various social login methods so that your users can log in seamlessly and have a consistent login experience across platforms. guard shields developers from many of the underlying authentication implementation details, as well as tedious UI development.
Guard can be integrated into your React, Vue.js, Angular, and native JavaScript projects, and you can quickly implement a login authentication process with this component.
🌈 Feature List
Rich login and registration methods
Rich login and registration options are built in for developers to choose from:
- Account password login (including mobile number + password, email + password, username + password)
- Mobile verification code login
- APP Scan code to login(You need to access the APP first and scan the code to log in)
- Applet Sweep Login(You need to configure it in the backend first)
- Social Identity Source Login, such as Github logins(You need to configure it in the backend first)
- Enterprise Identity Source Login(Requires configuration of enterprise identity source)
Built-in forgotten password process
Guard has a built-in interactive UI for forgetting passwords, so you don't need to write any additional code.
Built-in Multi-Factor Authentication (MFA) capability
Guard has a built-in Multi-Factor Authentication (MFA) feature that allows users to use this component to complete multi-factor authentication when your application has multi-factor authentication enabled. You don't need to write any additional code.
Responsive layout
Responsive layout, perfectly compatible with mobile and PC, while you can easily customize the login box style with custom CSS.
Compatible with all major front-end frameworks
🌴 Online Experience
Click to view sample-sso.authing.cn
🌳 Get Help
Join us on forum: #authing-chat
For detailed usage documentation, please see Guard for Web
🍻 Open Source Co-Building
- Fork it
- Create your feature branch (git checkout -b my-new-feature)
- Commit your changes (git commit -am 'Add some feature')
- Push to the branch (git push origin my-new-feature)
- Create new Pull Request
📝 LICENSE
Copyright (c) 2019 Authing