Tailwind CSS - 开源入门指南

各位程序员朋友们好！

本文介绍了两个基于Tailwind CSS构建的开源入门项目，它们分别使用Django和Flask作为后端框架。这些产品以 MIT 许可证发布在 GitHub 上，并基于宽松的许可证，可用于商业或在线学习项目。感谢阅读！

✨ Argon Dashboard Tailwind

Argon 是一个全新的产品，它基于我们最新的从零开始重建的框架结构，旨在使我们的产品更加直观、更具适应性，而且毋庸置疑，也更容易进行定制。

• 👉 Argon Dashboard Tailwind -product page
• 👉 Argon Dashboard Tailwind -LIVE demo

✨柔和的 UI 流程图

Soft UI Flowbite 由 30 多个前端独立元素构成，例如按钮、输入框、导航栏、导航标签、卡片或警报，让您可以自由选择和组合。

• 👉 Soft UI Flowbite -product page
• 👉 Soft UI Flowbite -LIVE demo

所有组件都可以变换颜色，您可以使用 TailwindCSS 配置和类轻松修改。由于所有元素都已实现，因此从原型设计到编写完整功能代码将节省大量时间。

✨ Soft Tailwind CSS Django

该产品自带身份验证、Docker 支持，并且代码库简洁，所有文档均在此处提供。产品特性：

• ✅ CSS框架：Tailwind
• ✅ 最新依赖项
• ✅ 数据库：sqlite
• ✅ 已准备好用户界面的应用，Django 原生 ORM
• ✅ 基于会话的身份验证、表单验证

在本地环境中启动项目最简单的方法可能是使用源代码附带的 Docker 设置。

步骤 1 - 从公共仓库克隆源代码

$ git clone https://github.com/app-generator/django-soft-dashboard-tailwind.git
$ cd django-soft-dashboard-tailwind

步骤 2 - 在 Docker 中启动

$ docker-compose up --build 

执行上述命令后，应用程序应该就能在浏览器中运行了。

✨ Soft Tailwind CSS Flask

此版本功能集与原版本相同，但适用于 Flask 框架：

• ✅ CSS框架：Tailwind
• ✅ 最新依赖项
• ✅ 数据库：sqlite
• ✅ 数据库工具：SQLAlchemy ORM、Flask-Migrate（模式迁移）
• ✅ 基于会话的身份验证（通过 flask_login），表单验证

✨ 设计展示

Soft UI Dashboard Tailwind 内置超过 70 个前端独立元素，例如按钮、输入框、导航栏、导航标签、卡片和提示框，让您可以自由选择和组合。所有组件均可自定义颜色，您可以使用 SASS 文件和类轻松修改颜色。

👉 Soft UI Dashboard Tailwind - 模板版本

这个免费Tailwind CSS仪表盘带有预置的设计模块，因此开发过程非常流畅，从我们的页面切换到真正的网站也非常容易。

示例页面- 如果您想获得灵感或直接向客户展示某些内容，可以使用我们预先构建的示例页面快速启动您的开发工作。

Soft Dashboard Tailwind用户个人资料页面

Soft Dashboard Tailwind- 账单页面

Soft Dashboard Tailwind数据表

Thanks for reading!更多资源，请访问：

• ✨ 更多使用 Django、Flask 和React构建的免费仪表盘
• ✨ 更多管理后台- 包含大量产品的索引