与“Tailwind”有关的资源分享

Laravel和TailwindCSS后台管理模板-Midone

Midone是一套质量很高的Laravel管理后台模板，TailwindCSS框架组件模板。前端脚手架和目录结构设计生产使用。模板有几个独特的页面和组件可以帮助你快速构建管理应用程序。同时你可以专注开发项目而不用担心前端HTML模板集成。

这是使用 Tailwind CSS 制作的计算器，数字区为黑色，键盘区则由渐变蓝色设计，非常精致。不过这只是 UI 界面，不能进行计算。Tailwind CSS 版本为 2.0.3，不兼容 IE 浏览器，建议使用现代浏览器。

这是使用 Tailwind CSS 制作的简洁的移动端登录界面，上方是 Logo（或者头像），下方是电子邮箱和密码两个表单，非常的简单，没有过多花里胡哨的东西。使用 Vue.js 做了表单验证，在验证通过后的代码后，可加入您的登录处理逻辑。

这是是用 Tailwind CSS 制作的一款流行的注册界面，左边是示意图/介绍图/广告图，右边是注册表单。页面为响应式，兼容 PC、Pad 和手机模式。由于使用 Tailwind CSS 2.0.3 版本，所以不兼容 IE 浏览器。

这是一款使用 Tailwind CSS 制作的目前常见的登陆界面，采用左右两栏布局，左边是背景图和文字介绍，右边是表单，简单却显大气，看起来非常精致、舒服。登陆界面兼容多个尺寸的终端，包括 PC 端，Pad 端和手机端。

这是一款使用 Tailwind CSS 制作的流行的用户注册页面，左边是图片，右边表单，也可以使用微信、QQ 或微博等第三方账号注册。该注册页面也兼容适配移动端，当设备宽度小于 640px 时，左边的图片会自动隐藏，只显示表单部分。除了使用

这是使用 Tailwind CSS 制作的带人物插画的登录页面，页面的中间是表单，包含电子邮箱和密码，下面是第三方登录选项，左右两边各有一张人物插画点缀页面，使页面看起来更加生动有趣。该登录页面兼容 PC 和移动端，包括手机端和 Pad 端

这是使用 Tailwind CSS 制作的抖音 PC 端登录框 HTML 代码，从下图可以看到，登录框内包了扫描登录、验证码登录和密码登录三种方式，验证码登录和密码登录方式国际区号可下拉选择。