dashboard:tail使用tailwindcss构建的仪表板模板资源-CSDN文库

共27个文件

php：11个

png：5个

js：3个

uikit

tailwindcss

Blade

需积分: 46 129 浏览量 2021-04-01 03:13:23 上传评论收藏 324KB ZIP 举报

资源推荐

资源详情

资源评论

tailwind-dashboard-template:Mosaic Lite是一个免费的管理仪表板模板，建立在Tailwind CSS之上，并在React中进行了完全编码。由制成

免费的Tailwind仪表板模板 Mosaic Lite是一个响应式仪表板模板，构建在TailwindCSS之上，并在React中进行了完全编码。它带有几个预先编码的图表（使用Chart.js 3内置）和小部件，对于任何想要为SaaS产品，管理员仪表板，现代Web应用程序等创建用户界面的人来说，这都是一个很好的开始。将其用于任何您想要的东西，如果您使用它构建了任何有趣的/有用的东西，请确保

Clone-Dashboard-TailwindCSS:using使用TailwindCSS的Rocketseat仪表板克隆，在2020年DoWhile研讨会期间开发

:speech_balloon: 使用TailwindCSS的Rocketseat应用的仪表板克隆 :construction: :pushpin: 指数 :laptop: 关于该项目 :rocket: 该应用程序包含使用TailwindCSS的Rocketseat应用程序仪表板的克隆。 :light_bulb: 由开发人员Mayk Brito在活动期间举办的研讨会上开发。 :high

管理员模板：Tailwind CSS入门模板-管理员仪表板模板

管理员模板：Tailwind CSS入门模板-管理员仪表板模板

TailwindCSS一个实用第一的CSS框架用于快速构建自定义UI

Tailwind CSS 一个实用第一的CSS框架，用于快速构建自定义UI

tailwindcss-templates:使用Tailwind CSS创建的免费模板和布局

Tailwind CSS布局和模板此仓库是可在任何项目中使用的布局和模板资源。演示版您可以在此登录页面上预览所有模板和布局。高品质的付费模板-Novolio 使用最新技术构建的优质高级网站设计模板的集合，这些模板可立即下载并开始使用。建于 -CSS框架作者罗斯摘心执照此项目已获得MIT许可证的许可-有关详细信息，请参阅文件。

starter-tailwind-dashboard:tail仪表板启动器带有顺风+ built

入门响应式仪表板布局使用tailwindcss alpinejs构建的入门响应式仪表板布局另一个版本暗光模式示例开始：克隆存储库： git clone https://github.com/Kamona-WD/starter-dashboard-layout.git cd starter-dashboard-layout 安装依赖项： # Using npm npm insta

着陆页：Tailwind CSS入门模板-着陆页

着陆页：Tailwind CSS入门模板-着陆页

k-ui-dashboard-alpine:使用tailwindcss和alpinejs构建的响应式仪表板模板

K-UI仪表板模板 WIP仪表板将很快可用。或者

v-dashboard：使用Vue 3和Tailwind CSS构建的仪表板入门模板

V型仪表板使用Vite，Vue 3，Tailwind CSS和TypeScript构建的仪表板入门模板。从复制并转换为Vue。演示版请注意，如果您有权访问，则可以按照以下步骤添加它：安装@tailwindcss/ui ： yarn add @tailwindcss/ui 将插件添加到tailwind.config.js无需进行其他任何更改： // tailwind.conf

使用tailwindcss和framermotion构建的NextJS仪表板-React开发

使用tailwindcss和framermotion构建的NextJS仪表板nextjs-dashboard-tailwind-framermotion使用tailwindcss和framermotion构建的NextJS仪表板演示：https://nextjs-dashboard-tailwind-framermotion-jra4g2ouc.vercel.app/安装克隆它，转到项目目录和np

tailwind-admin:tail tail使用tailwindcss的出色管理员模板

尾风管理员使用超级简单管理面板。笔记对于Tailwind CSS版本<1.0，请使用1.0.0分支首先，请克隆或下载项目，然后打开index.html。仪表盘登录请在问题跟踪器中报告任何问题或建议，所有问题或建议将及时得到解决。我们很乐意提出要求。去做：动画片数据表小部件进行中：基于Vue Js的管理面板模板

dash_sample_dashboard:使用Dash和Plotly构建复杂的报告仪表板

5星 · 资源好评率100%

使用Dash和Plotly构建复杂的报告仪表板我将提供有关如何使用Dash构建报表仪表板的详细说明，Dash是用于构建分析Web应用程序的Python框架。可以在上查看完整的仪表板。仪表板描绘了随机数据和产品。中篇文章详细介绍了如何构建仪表板，为

tail-kit:Tail-kit是一个免费且开源的组件和模板套件，已完全使用Tailwind CSS 2.0进行了编码

尾巴套件适用于TailwindCSS 2.0的精美，大型组件和模板套件 Tail-Kit是免费和开源的。它不会更改TailwindCSS 2.0中已经存在CSS或将其添加到CSS中。它具有多个HTML元素，可在所有使用顺风CSS的Web项目中使用。成分 Tailwind Starter Kit附带了230多个完全编码CSS元素。范本 Tailwind Starter Kit包含许多模板，

tailwind-template:使用 TailwindCSS（JIT 引擎）的静态站点入门模板

TailwindCSS 入门模板文档入门节点模块首先，确保在该项目的根目录下的终端中运行npm install 。这将安装所有必需的依赖项并生成您的node_modules文件夹。这一步非常重要。项目风格 TailwindCSS 这个项目使用，一个实用优先的 CSS 框架。所需的依赖项应该已经包含在这个项目中。如果您缺少node_modules文件夹，只需运行npm insta

tailwindcss预设

tailwindcss预设

tailwindcss-angular-app：安装了tailwindcss样式框架的角度模板项目

TailwindcssAngularApp 该项目是使用版本11.1.3生成的。开发服务器为开发服务器运行ng serve 。导航到http://localhost:4200/ 。如果您更改任何源文件，该应用程序将自动重新加载。代码脚手架运行ng generate component component-name生成一个新的组件。您还可以使用ng generate directiv

nine4：使用TailwindCSS样式的Next.js网站模板| 快来了

这是一个用引导的项目。入门首先，运行开发服务器： npm run dev # or yarn dev 使用浏览器打开以查看结果。您可以通过修改pages/index.js来开始编辑页面。当您编辑文件时，页面会自动更新。可以在上访问。可以在pages/api/hello.js编辑此端点。 pages/api目录映射到/api/* 。此目录中的文件被视为而不是React页面。

项目经理：用Mavo制作的项目管理系统。受看板启发。使用TailwindCSS样式

专案经理用制作项目管理系统。受启发。用样式。设置环境（一次性的东西）下载zip文件或克隆存储库 cd进入新创建的文件夹并运行yarn install以安装构建工具（gulp和gulp插件）和TailwindCSS 做完了！每次您使用Project Manager应用程序进行任何更改之前，请运行gulp ，以在每次保存时自动进行构建。构建和部署应用运行gulp build并部署

react-native-tailwindcss：基于TailwindCSS的react-native样式系统

react-native-tailwindcss 基于React式样式系统轻松应用样式以的方式React本地组件。实用程序类将转换为有效的对象名称，并且都是对象的所有子代（ t ， tw ， theme或tailwind ）。 import { t } from ' react-native-tailwindcss ' ; < View xss=removed> 使用您熟悉和喜欢的tail

tailwind-components:开发了Tailwind CSS组件，为每个人提供便利。让我们在这里添加我们的Tailwind组件！

尾风组件开发了Tailwind CSS组件，为每个人提供便利。让我们在这里添加我们的Tailwind组件！发展此仓库中的组件正在开发中，一旦组件完成，它将被添加到存储库中。贡献欢迎每个人都将其组件添加为PR。

基于HTML5的仪表代码

基于HMTL5的非常漂亮的各种仪表，包括了圆盘、雷达仪、柱状图等等。

milligram-admin-dashboard-template:with使用毫克CSS构建的管理仪表板模板

:droplet: 毫克管理仪表板模板使用毫克CSS构建的管理仪表板模板演示版屏幕截图如何贡献如果您想在Miligram Admin Dashboard中贡献力量，请阅读我们的。在内部，您可以找到我们的系统来解决问题，开发说明和编码最佳实践。联络我：

rz-dashboard:使用React + Redux + Material UI构建的仪表板示例

RZ控制板使用React + Redux + Material UI构建的仪表板示例该项目是通过引导的。实时预览： : 绩效结果灯塔报告网页测试报告（弗吉尼亚州杜勒斯-3G缓慢）管理员功能用户可以查看用户列表用户可以查看每个用户的帖子列表用户可以查看每个用户的相册列表用户可以查看每个帖子的详细信息及其评论用户可以查看相册中的照片列表用户可以查看照片的细

dashboard-bootstrap:使用Bootstrap 4构建的仪表板

使用Bootstrap 4构建的仪表板使用以下技术改编视觉软件，特别是仪表板： HTML 5 CSS 3 Bootstrap 4 可视化前：

crypto-dashboard:使用React JS构建的加密货币仪表板:rocket:

加密仪表板 :red_circle: 实时：： Cryptoboard是一种加密货币板，其中包含使用React JS构建的最新信息。特征全局信息头：活跃硬币数量进行中的ICO（初始代币发行）交流次数最近24小时内的市场变化百分比。加密货币仪表板：商标名称价格变化（过去24小时）市值特定加密货币的页面：实际价格价格最高和分钟。（过去24小时）总资

quickfire_product_dashboard:如何使用有意义的数据构建Quickfire仪表板

Angular Express Bootstrap SB管理员种子由并采用，灵感来自使用正面的AngularJS和背面的Express + Node启动一个很棒的应用程序。该项目是典型 Web应用程序的应用程序框架，适用于希望使用Node为其应用程序提供服务的用户。种子包含角度库，测试库和一堆脚本，所有这些脚本都已预先配置为可满足Web开发的即时需求。只需克隆存储库（或下载zip

foundation-admin-dashboard-template:使用 Foundation CSS 的管理仪表板模板

基础管理仪表板模板模板可以在查看是世界上最先进的响应式前端框架。该框架是移动友好的，可以让您以任何想要使用的方式对其进行自定义。在任何行业或产品中，有效监控关键值或指标对于提供优质服务非常重要。在该过程中使用了大量数据，大多数情况下这些数据不是用户友好的或易于阅读/解释的。因此，数据被转换为可使用的显示单元，如图表、表格等。这些显示单元被组合在一起并放在一个门户上。通常，门户需要一

收起资源包目录

dashboard-master.zip （27个子文件）

dashboard-master

netlify.toml 100B

source

index.blade.php 22KB

forms.blade.php 4KB

_layouts

sidebar.blade.php 4KB

master.blade.php 1KB

header.blade.php 6KB

_assets

main.js 97B

css

main.css 413B

ui-elements.blade.php 12KB

tables.blade.php 32KB

config.php 191B

tailwind.config.js 229B

config.production.php 45B

webpack.mix.js 345B

composer.lock 59KB

LICENSE.md 1KB

README.md 1KB

screenshots

dashboard.png 122KB

tables.png 61KB

ui-elements.png 74KB

forms.png 48KB

.gitignore 202B

bootstrap.php 412B

package.json 1KB

composer.json 62B

评论收藏

内容反馈

佳同学

粉丝: 28
资源: 4583

dashboard:tail使用tailwindcss构建的仪表板模板

tailwind-dashboard-template:Mosaic Lite是一个免费的管理仪表板模板，建立在Tailwind CSS之上，并在React中进行了完全编码。 由制成

kwd-dashboard:使用tailwindcss和alpinejs构建的完全响应式仪表板模板

tailwindcss-react-admin-dashboard:使用tailwindcss构建的React管理仪表板

blazor-tailwindcss-template:该模板演示了tailwindcss与blazor的集成，并涵盖了诸如热重载和CSS隔离之类的重要功能。

Clone-Dashboard-TailwindCSS:using使用TailwindCSS的Rocketseat仪表板克隆，在2020年DoWhile研讨会期间开发

管理员模板：Tailwind CSS入门模板-管理员仪表板模板

TailwindCSS一个实用第一的CSS框架用于快速构建自定义UI

tailwindcss-templates:使用Tailwind CSS创建的免费模板和布局

starter-tailwind-dashboard:tail仪表板启动器带有顺风+ built

着陆页：Tailwind CSS入门模板-着陆页

k-ui-dashboard-alpine:使用tailwindcss和alpinejs构建的响应式仪表板模板

v-dashboard：使用Vue 3和Tailwind CSS构建的仪表板入门模板

使用tailwindcss和framermotion构建的NextJS仪表板-React开发

tailwind-admin:tail tail使用tailwindcss的出色管理员模板

dash_sample_dashboard:使用Dash和Plotly构建复杂的报告仪表板

tail-kit:Tail-kit是一个免费且开源的组件和模板套件，已完全使用Tailwind CSS 2.0进行了编码

tailwind-template:使用 TailwindCSS（JIT 引擎）的静态站点入门模板

tailwindcss预设

tailwindcss-angular-app：安装了tailwindcss样式框架的角度模板项目

nine4：使用TailwindCSS样式的Next.js网站模板| 快来了

项目经理：用Mavo制作的项目管理系统。 受看板启发。 使用TailwindCSS样式

react-native-tailwindcss：基于TailwindCSS的react-native样式系统

tailwind-components:开发了Tailwind CSS组件，为每个人提供便利。 让我们在这里添加我们的Tailwind组件！

基于HTML5的仪表代码

milligram-admin-dashboard-template:with使用毫克CSS构建的管理仪表板模板

rz-dashboard:使用React + Redux + Material UI构建的仪表板示例

dashboard-bootstrap:使用Bootstrap 4构建的仪表板

crypto-dashboard:使用React JS构建的加密货币仪表板:rocket:

quickfire_product_dashboard:如何使用有意义的数据构建Quickfire仪表板

foundation-admin-dashboard-template:使用 Foundation CSS 的管理仪表板模板

最新资源

tailwind-dashboard-template:Mosaic Lite是一个免费的管理仪表板模板，建立在Tailwind CSS之上，并在React中进行了完全编码。由制成

项目经理：用Mavo制作的项目管理系统。受看板启发。使用TailwindCSS样式

tailwind-components:开发了Tailwind CSS组件，为每个人提供便利。让我们在这里添加我们的Tailwind组件！