基于 Tailwind CSS + Shadcn 的 Vue3 后台管理模版 2024.0.4 发布

最新推荐文章于 2024-05-29 10:53:24 发布
最新推荐文章于 2024-05-29 10:53:24 发布
阅读量389 收藏 4
点赞数 4
分类专栏： 开源 文章标签： css 前端 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ShrCheng/article/details/138004246
版权

推荐一套为 Java 开发人员提供方便易用的 SDK 来与目前提供服务的的 Open AI 进行交互组件：https://github.com/devlive-community/openai-java-sdk

推荐一套功能强大的开源数据中台系统：https://github.com/devlive-community/datacap

Shadcn UI Vue Admin 是一个使用 Shadcn UI (基于 Tailwind CSS) 和 Vite 和 Vue 制作的管理面板。在构建时考虑了响应能力和可访问性。

本次版本为公开版本，支持了 Chat，Footer 功能。以下是该模版的目前支持的功能截图。

  • Chat (重构)

  • Chat Resizable

  • Footer

  • Footer Modern

该模版的使用方式比较简单只要传递相应的数据即可，也支持多个 slot 用户自定义，欢迎大家使用。

推荐一套全平台数据库管理工具，建议下载使用: https://github.com/devlive-community/dbm

我们即将推出一套开源新系统。InfoSphere 是一款面向企业和个人的开源 Wiki 系统，旨在提供简单而强大的知识管理解决方案。建议尝试使用: https://github.com/devlive-community/incubator-infosphere

欢迎大家前往测试站点使用并提出宝贵的建议，如果您有需要实现的布局，可以提交 issues 我们会在最快的时间内实现。

我们的示例地址为：https://shadcn.vue.devlive.org/

qianmoQ
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue3-Simple-Map-With-Vite-Tailwind:Vite 2.x + Vue 3.x + Tailwind 2.x和所有常用设置的快速入门
04-16
Quickstart with Vite 2.x + Vue 3.x + Tailwind 2.x & all common setup 该入门模板还包括： [Inter var字体] 默认情况下，Tailwind CSS v2.1中引入了模式（预览中！）Tailwind UI所需的第一方插件： 入门 :rocket: npm： npm install npm run dev npm run build npm run serve 纱： yarn yarn dev yarn build yarn serve 部署以网络化 :globe_showing_Europe-Africa: Vue3用途的新功能 :check_mark: Vite使用的新功能 :check_mark: 请仔细查看文件vite.config.js ，其中包含一些不错的功能选项。 // Declare the path "@" instead of "/src" alias: [{find: "@", replac
vue-tailwindcss-cdn:Vue 3.x + Tailwind 2.x (cdn) :high_voltage:
05-29
Vue 3.x + Tailwind CSS 2.x （来自 CDN） :high_voltage: 这是一个用于快速原型制作HTML文件，其中包括： Vue 3.x 顺风 CSS 2.x 插件@tailwindcss/forms 插件@tailwindcss/typography 插件@tailwindcss/aspect-ratio 插件@tailwindcss/line-clamp 间变字体 不错的按钮:) 奖金 生产环境的入门模板 具有类似堆栈的（Vue 3.x + Tailwind 2.x + Inter var 字体）
基于Vue3+Element编写的一款后台管理系统（兼容移动端）
02-16
vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。使用了最新的 Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发。
ruoyi-vue-pro开发指南PDF下载
03-07
ruoyi-vue-pro开发指南PDF下载 包含各种组件开发指南
vite-vue3-tailwind-starter：Vite 2.x + Vue 3.x + Tailwind 2.x（启动器）:high_voltage:
02-09
Vite 2.x + Vue 3.x + Tailwind 2.x starter :high_voltage: 该入门模板还包括： （自托管，woff2格式，版本3.15，请参见public/font/inter.css ） Tailwind UI所需的第一方插件。 在tailwind.config.js取消注释它们以启用。 （在本地快速测试您的构建输出，默认情况下为SPA模式） 入门 :rocket: npm： npm install npm run dev npm run build npm run serve 纱： yarn yarn dev yarn build yarn serve 奖金链接 （带有CDN链接的单个HTML文件） 具有类似堆栈的（Vue 3.x + Tailwind 2.x + Inter var字体） （Tailwind CSS和其他项目的基本样式作为NPM包）
基于 Tailwind CSS + Shadcn 的 Vue3 后台管理模版 2024.0.5 发布
qianmoQ - 关注云计算,关注大数据
05-09 284
Shadcn UI Vue Admin 是一个使用 Shadcn UI (基于 Tailwind CSS) 和 Vite 和 Vue 制作的管理面板。InfoSphere 是一款面向企业和个人的开源 Wiki 系统，旨在提供简单而强大的知识管理解决方案。欢迎大家前往测试站点使用并提出宝贵的建议，如果您有需要实现的布局，可以提交 issues 我们会在最快的时间内实现。该模版的使用方式比较简单只要传递相应的数据即可，也支持多个 slot 用户自定义，欢迎大家使用。以下是该模版的目前支持的功能截图。
Vue3 + Vite + TS + Tailwind CSS 项目模板
m0_73723713的博客
12-20 1236
这是一个使用 Vue3、Vite、ESLint、Pinia、Tailwind CSS 和 Element-Plus 框架的纯净开源的模板项目。只做了项目依赖与打包的基本配置，下载以后就可以直接使用，它旨在为开发者提供一个干净、高效的起点，适用于快速启动新的前端项目。主要作用为：简化项目基础环境搭建，与依赖冲突的解决，以便开发者进行快速项目开发。
【几乎最全/全网最长的 2 万 字】前端工程化完整流程：从头搭到尾（vue3 + vite + qiankun + docker + tailwindcss + iview......）
碳学长的博客
03-20 7883
两万多字带你实践前端工程化
使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架
zzcoder的博客
01-08 1853
近日心血来潮想做一个开源项目，目标是做一款可以适配多端、功能完备的模板工程，包含后台管理系统和前台系统，开发者基于此项目进行裁剪和扩展来完成自己的功能开发。但前台系统花样繁多，可能是PC端浏览器，可能是微信网页，微信小程序，安卓，鸿蒙……因此笔者只能从个人的开发需求出发，搭建了原生vue3版、原生微信小程序版、原生React版和uniapp版的前台系统模板。创建uniapp项目可以使用官方提供的IDE工具HBuilderX可视化的创建，但项目结构与普通的vue项目有所不同；
Vue项目实战：基于Vue 3和Element Plus的电商后台管理系统.txt
01-08
本资源是一个Vue项目实战的教程，旨在通过Vue 3和Element Plus这两个流行的前端技术，来构建一个完整的电商后台管理系统，涵盖了项目的需求分析、技术选型、环境搭建、功能实现、接口对接、项目优化等内容，以及Vue 3的新特性、组合式API、响应式原理、虚拟DOM等知识点，以及Element Plus的组件使用、主题定制、按需加载等技巧。本资源适合Vue项目开发的学习者和工程师使用，帮助他们通过项目实践来加深对Vue项目开发的理解和掌握，提高项目开发的能力和水平。 旨在通过Vue 2和Vant这两个前端技术，来构建一个移动端的音乐播放器，涵盖了项目的需求分析、技术选型、环境搭建、功能实现、接口对接、项目优化等内容，以及Vue 2的核心概念、模板语法、组件化、路由、状态管理、过渡效果等知识点，以及Vant的组件使用、样式定制、按需加载等技巧。本资源适合Vue项目开发的学习者和工程师使用，帮助他们通过项目实践来加深对Vue项目开发的理解和掌握，提高项目开发的能力和水平。 旨在通过Vue 3和Tailwind CSS这两个前端技术，来构建一个个人博客网站，涵盖了项目的需求分析、技术
.css文件 博客,VuePress + TailwindCss + Netlify 重写个人独立博客
weixin_31859277的博客
08-04 945
建立自己的个人独立博客已经将近七年时间。从一开始的 WordPress 到更换轻量级的 Ghost 博客，又到 JAMStack 的 VuePress ，xlbd.me 也见证了我从一名后端开发者转型成为一名前端开发者。时至2020，我仍然对前端技术有着痴迷的热情和动力驱使我去发现和学习更有趣、更前沿的前端新技术。新的博客主题折腾了几个月了，才于今天(2020-06-01)正式发布。送给我自己这个...
前端食堂技术周刊第 109 期：Vue2 即将 EOL、CSS 年度回顾、11 月登陆 Web 平台的新功能、Oxlint、shadcn/ui 揭秘、TC39 faq
童欧巴的博客
12-19 1173
大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。
CSS 媒体查询 响应式开发
生产队的驴
05-27 279
媒体查询（Media Queries）是CSS3的技术，可以根据设备的特性（如屏幕宽度、高度、方向等）来应用不同的样式规则。媒体查询可以使网页在不同设备上呈现不同的样式，以实现响应式设计。
css-垂直居中的几种写法
xxuxioxx的博客
05-27 319
垂直居中的几种写法
css让padding、border不占据宽度
最新发布
于忠会的博客
05-29 423
有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width，从 CSS3 开始可以通过 box-sizing 来做到这一点。则包含 padding，div 的实际宽度为 120px。CSS3 新增了 box-sizing 属性。则 div 的实际宽度为 120px。以前，如果指定 div 的宽度为。
了解CSS中的link和@import引入CSS的区别
祈澈菇凉
05-28 113
【代码】了解CSS中的link和@import引入CSS的区别。
css 渐变色边框
随风潜入夜，不白头
05-28 278
具体用法，拷贝到你的html中，在浏览器上慢慢调试即可！
vue3 后台管理系统模板
06-07
Vue3 后台管理系统模板有很多，以下是一些比较受欢迎的： 1. Element Plus Admin：基于 Element Plus 组件库开发的后台管理系统模板，具有完整的用户权限管理功能。 2. Vben Admin：基于 Vite2 和 Vue3 开发的后台管理系统模板，具有多种主题和布局样式可供选择，支持多语言和权限管理。 3. Ant Design Vue Pro：基于 Ant Design Vue 组件库开发的后台管理系统模板，具有丰富的组件和功能，支持多种主题和布局样式。 4. Vue Element Admin：基于 Element 组件库开发的后台管理系统模板，支持多种主题和布局样式，具有完整的用户权限管理功能。 5. Adminify：基于 Tailwind CSS 和 Vue3 开发的后台管理系统模板，具有多种主题和布局样式可供选择，支持多语言和权限管理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qianmoQ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值