开源仪表板 - React、Vue3、Bootstrap 5、Tailwind
你好,程序员!
本文精选了一些基于像素级完美 UI 套件打造的开源仪表盘React
,这些仪表盘由其供应商根据宽松的许可证(MIT、LGPL)发布。所有提及的产品均可用于商业项目或电子学习活动。该列表包含、Vue3
、Vite
、和的Bootstrap 5
产品。Chakra
Tailwind CSS
Thanks for reading!
披露——本帖子包含附属链接。
如果您使用这些链接购买商品(无需额外付费),我可能会获得佣金、产品或服务。谢谢!
✨氩气仪表盘脉轮
使用适用于 Chakra UI 和 React 的创新管理模板开启您的开发之旅。如果您喜欢当下最热门的设计潮流 Argon Dashboard Chakra 的外观和风格,那么您一定会爱上这款仪表板!它拥有大量可自由组合的组件,外观惊艳。
- 👉 Argon Dashboard Chakra - 产品页面
- 👉 Argon Dashboard Chakra - 现场演示
✨MaterialPro Angular 13 Lite
MaterialPro Angular 13 Lite 是一款基于 Angular 框架构建的免费 Material 仪表板模板。其模块化设计使其易于定制,并附带大量可重复使用的精美 UI 元素。
- 👉MaterialPro Angular 13 Lite
- 🎁 WrapPixel 制作的更多Angular 模板
MaterialPro 角度管理模板采用响应式设计,可完美适配所有移动设备、台式机和笔记本电脑的屏幕尺寸。
✨ Vue 3 材质仪表板
Vue Material Dashboard 2 由超过 70 个前端独立元素构成,例如按钮、输入、导航栏、导航选项卡、卡片或警报,让您可以自由选择和组合。
👉 Vue 3 Material Dashboard - 产品页面
👉 Vue 3 Material Dashboard - 现场演示
所有组件都可以采用不同的颜色,您可以使用 sass 文件轻松修改。由于所有元素都已实现,您将节省大量从原型设计到完整功能代码的时间。
✨ Berry M-UI 仪表板
Berry 是一款使用 M-UI 构建的免费 React 管理模板。它旨在通过高度可定制且功能丰富的页面提供最佳的用户体验。它是一个完整的 React 仪表板模板,拥有简单直观的响应式设计,如同在视网膜屏幕或笔记本电脑上一样。
- 👉 React Berry M-UI - 现场演示
- 👉 React Berry M-UI - 源代码
✨ Vite Soft UI 仪表板
使用适用于Bootstrap 5 、VueJS 3、Vite 和 Vuex的创新管理模板开启您的开发之旅。如果您喜欢当下最热门的设计潮流——Soft UI 的外观和风格,那么您一定会爱上这款仪表板!它拥有大量可完美组合的组件,外观惊艳。
- 👉 Vite Soft UI 控制面板- 在线演示
- 👉 Vite Soft UI 仪表板- 产品页面
✨星空管理员 Bootstrap 5
Star admin 免费版是一款设计精美的管理模板,精选了一系列实用的 Bootstrap 组件和元素。Star Admin 拥有令人印象深刻的排版,与其色彩缤纷、优雅的界面相得益彰。
- 👉 Star Admin Bootstrap 5 - 在线演示
- 👉 Star Admin Bootstrap 5 - 产品页面
模板的预置页面直观易用,设计精良。Star Admin 定能让您的开发过程充满乐趣。
✨ Windster Tailwind CSS
Windster 是一个免费的开源管理仪表板界面,使用 Tailwind CSS 构建,具有侧边栏布局、身份验证页面、用户、产品页面以及数百个基于 Flowbite 组件库的 UI 组件,例如按钮、下拉菜单、导航栏、日期选择器等。
- 👉 Windster Tailwind CSS - 在线演示
- 👉 Windster Tailwind CSS - 产品页面
✨ Notus Svelte
使用免费的 Tailwind CSS 和 Svelte UI 套件及管理员工具开启您的开发之旅。Notus Svelte 的酷炫功能和构建工具将带给您惊喜,助您项目更上一层楼。
- 👉 Notus Svelte - 现场演示
- 👉 Notus Svelte - 产品页面
Sample Pages
- 如果您想获得灵感或只是直接向客户展示一些东西,您可以使用我们预先构建的示例页面快速启动您的开发。
文章来源:https://dev.to/sm0ke/open-source-dashboards-9i1感谢阅读!更多资源请访问: