开源仪表板 - React、Vue3、Bootstrap 5、Tailwind

2025-06-07

开源仪表板 - React、Vue3、Bootstrap 5、Tailwind

你好,程序员!

本文精选了一些基于像素级完美 UI 套件打造的开源仪表盘React,这些仪表盘由其供应商根据宽松的许可证(MIT、LGPL)发布。所有提及的产品均可用于商业项目或电子学习活动。该列表包含、Vue3Vite和的Bootstrap 5产品ChakraTailwind CSSThanks for reading!


披露——本帖子包含附属链接

如果您使用这些链接购买商品(无需额外付费),我可能会获得佣金、产品或服务。谢谢!


氩气仪表盘脉轮

使用适用于 Chakra UI 和 React 的创新管理模板开启您的开发之旅。如果您喜欢当下最热门的设计潮流 Argon Dashboard Chakra 的外观和风格,那么您一定会爱上这款仪表板!它拥有大量可自由组合的组件,外观惊艳。

开源仪表板 - React Argon Chakra UI


✨MaterialPro Angular 13 Lite

MaterialPro Angular 13 Lite 是一款基于 Angular 框架构建的免费 Material 仪表板模板。其模块化设计使其易于定制,并附带大量可重复使用的精美 UI 元素。

MaterialPro 角度管理模板采用响应式设计,可完美适配所有移动设备、台式机和笔记本电脑的屏幕尺寸。


MaterialPro Angular 13 Lite - 免费模板


Vue 3 材质仪表板

Vue Material Dashboard 2 由超过 70 个前端独立元素构成,例如按钮、输入、导航栏、导航选项卡、卡片或警报,让您可以自由选择和组合。

👉 Vue 3 Material Dashboard - 产品页面
👉 Vue 3 Material Dashboard - 现场演示

所有组件都可以采用不同的颜色,您可以使用 sass 文件轻松修改。由于所有元素都已实现,您将节省大量从原型设计到完整功能代码的时间。

开源仪表板 - Vue 3 Material Dashboard


Berry M-UI 仪表板

Berry 是一款使用 M-UI 构建的免费 React 管理模板。它旨在通过高度可定制且功能丰富的页面提供最佳的用户体验。它是一个完整的 React 仪表板模板,拥有简单直观的响应式设计,如同在视网膜屏幕或笔记本电脑上一样。

开源仪表板 - React Berry Dashboard


Vite Soft UI 仪表板

使用适用于Bootstrap 5 、VueJS 3、Vite 和 Vuex的创新管理模板开启您的开发之旅。如果您喜欢当下最热门的设计潮流——Soft UI 的外观和风格,那么您一定会爱上这款仪表板!它拥有大量可完美组合的组件,外观惊艳。

开源仪表盘 - Vite Soft 仪表盘


星空管理员 Bootstrap 5

Star admin 免费版是一款设计精美的管理模板,精选了一系列实用的 Bootstrap 组件和元素。Star Admin 拥有令人印象深刻的排版,与其色彩缤纷、优雅的界面相得益彰。

模板的预置页面直观易用,设计精良。Star Admin 定能让您的开发过程充满乐趣。

开源仪表板 - Star Admin Bootstrap 5。


Windster Tailwind CSS

Windster 是一个免费的开源管理仪表板界面,使用 Tailwind CSS 构建,具有侧边栏布局、身份验证页面、用户、产品页面以及数百个基于 Flowbite 组件库的 UI 组件,例如按钮、下拉菜单、导航栏、日期选择器等。

开源仪表板 - Windster Tailwind CSS


Notus Svelte

使用免费的 Tailwind CSS 和 Svelte UI 套件及管理员工具开启您的开发之旅。Notus Svelte 的酷炫功能和构建工具将带给您惊喜,助您项目更上一层楼。

Sample Pages- 如果您想获得灵感或只是直接向客户展示一些东西,您可以使用我们预先构建的示例页面快速启动您的开发。

开源仪表板 - Notus Svelte


感谢阅读!更多资源请访问:

文章来源:https://dev.to/sm0ke/open-source-dashboards-9i1
PREV
React Soft 仪表板 - 全栈和实时部署
NEXT
Nodejs Starter - 全栈 Vue Argon 设计