太酷了！十几款封装好的界面炫酷的登录页组件

大家注意：因为微信最近又改了推送机制，经常有小伙伴说错过了之前被删的文章，或者一些限时福利，错过了就是错过了。所以建议大家加个星标，就能第一时间收到推送。

「前端实验室」 专注分享 Github、Gitee 等开源社区优质的前端项目、前端技术、前端学习资源以及前端资讯等各种有趣实用的前端内容。大家好，我是「前端实验室」爱分享的了不起~

今天给大家推荐一个漂亮的 React 登录页组件。内含十几款封装好的登录页，界面炫酷、即插即用，用来快速构建登录页的 React 组件，简直不要太酷了！

React Login PagesReact Login Pages 提供基于基础组件的封装登录页面组件，方便快速安装使用。这些组件有助于简化创建登录页面的过程，并提供灵活的 API 来修改和打包这些组件。

安装代码语言：javascript代码运行次数：0运行复制npm install react-login-page --save

或者按照单组件

npm install @react-login-page/page3 --save

如何使用比如我们想要下图效果的登录页

代码语言：javascript代码运行次数：0运行复制import React from 'react';

import Login from '@react-login-page/page3';

import defaultBannerImage from '@react-login-page/page3/bg.jpeg';

const Demo = () => (

);

export default Demo;

如果你想修改控制器，比如：

代码语言：javascript代码运行次数：0运行复制

提交

重置

欢迎回来！ 登录您的帐户以查看今天的客户：

隐藏控制器使用visible={false} 用以隐藏控制器，例如：

代码语言：javascript代码运行次数：0运行复制

添加内容在按钮后代码语言：javascript代码运行次数：0运行复制

Forgot Username / Password?

还有更多如颜色、主题控制，作者提供了很多API供开发者调用，大家可以自己体验噢~

Github地址：https://github.com/uiwjs/react-login-page