R

React Dashboard - 2021 年的现代 UI 套件

2025-05-26

React Dashboard - 2021 年的现代 UI 套件

你好,程序员们,

本文列出了一些React 仪表盘,它们或许能帮助我们基于开源爱好者(自由职业者和代理机构)打造的现代 UI Kit 编写新产品。列表中仅包含由供应商主动支持并进行版本控制的免费产品。文章末尾,我会推荐一些类似的(热门)文章,其中列出了 10 多个React 仪表盘——欢迎查看链接,了解更多优秀的 React 产品。感谢阅读!


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

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


React Soft 仪表板 fullstack

使用适用于Material-UIReact的创新管理模板开启您的开发之旅。Soft UI Dashboard React包含 70 多个前端独立元素,例如按钮、输入框、导航栏、导航标签、卡片或警报,让您可以自由选择和组合。该产品附带简单的 JWT 身份验证流程:登录/注册/注销。

🚀 使用React App Generator构建

React Soft Dashboard - 开源全栈产品


React Purity 仪表板 fullstack

使用Chakra UIReact的创新管理模板开始​​您的开发。Purity UI 仪表板由 70 多个前端独立元素构建,例如按钮、输入、导航栏、导航标签、卡片或警报,让您可以自由选择和组合。

🚀 使用React App Generator构建

  • ✅ 创新的 Chakra UI 设计 - 由Creative-Tim创建
  • ✅ React、Redux、Redux-persist
  • ✅ 身份验证:JWT 登录/注册/注销
  • ✅ 使用Node JS API 服务器(开源项目) 实现全栈就绪
    • 功能:Typescript / SQLite / TypeORM / Joy(验证)/ Passport 库 -passport-jwt策略。

React Purity Dashboard - 由 AppSeed 和 Creative-Tim 精心打造的开源全栈产品。


React Star 管理员

Star Admin React Free 模板为用户提供了无限的自定义选项。它允许您访问各种基本元素,为您的 Web 应用程序增添独特的风格。

该模板具有精心制作的仪表板,其中有大量整齐排列和组织的组件,能够使数据可视化过程更简单。

Star Admin React Free - 用 React 编码的开源管理面板。


React Material 仪表板

Material Dashboard React是一款免费的 Material-UI 管理界面,其全新设计灵感源自 Google 的 Material Design。我们非常高兴地通过一套易于使用且美观的组件来展现我们对 Material Design 概念的理解。Material Dashboard React 基于广受欢迎的 Material-UI v4.1.0 框架构建。

Material Dashboard React - 使用 React 编码的免费管理仪表板。


Argon Material-UI React

Argon Dashboard Material-UI 是一款开源的 React 仪表板,采用现代 Material 设计风格。Argon Dashboard Material-UI 由 100 多个独立组件构建而成,让您可以自由选择和组合。所有组件均可采用不同的颜色,您可以使用 JSS 文件轻松修改。

Argon Dashboard Material-UI - React 和 Material UI 的开源仪表板模板。


NextJS 材质仪表板

NextJS Material Dashboard 是一款免费的 Material-UI、NextJS 和 React 管理工具,其全新设计灵感源自 Google 的 Material Design。我们非常高兴地通过一套易于使用且美观的组件来展现我们对 Material Design 概念的理解。NextJS Material Dashboard 基于热门的 Material-UI、NextJS 和 React 框架构建。

NextJS Material Dashboard - 用 React 编码的开源模板。


React 仪表板 Argon

React Dashboard Argon 是一款适用于 Bootstrap4 和 Reactstrap 的开源管理仪表板。React Dashboard Argon包含超过 100 个独立组件,让您可以自由选择和组合。所有组件都可以采用不同的颜色,您可以使用 SASS 文件轻松修改。仪表板资源:

React Dashboard Argon - 动画演示。


Volt React 仪表板

Volt React 是一个免费的开源管理仪表板模板,由 React.js 和 Bootstrap 5 提供支持,具有超过 100 个 UI 元素、自定义插件和示例页面,可启动您的单页 Web 应用程序。

10 个手工制作的示例页面- 下载 Volt React Dashboard 后,您将获得 10 个高质量的示例页面,以节省您编写样板代码的时间并立即设置您的网站或 Web 应用程序的用户界面。

Volt React Dashboard - 用 React 编码的开源管理面板。


React Datta Able

Datta Able React是一个开源管理模板,其用户界面与市面上其他管理模板截然不同。它拥有功能丰富的页面和组件,并完全以开发人员为中心编写代码。

在开发Datta Able之前,我们的重点是性能和设计。

React Dashboard Datta Able - 免费的 React 管理面板。


CoreUI React

这可能是基于 Material Design 打造的最好的免费产品之一。我个人并不喜欢这个 UI 概念,但 CoreUI 看起来确实不错。

CoreUI 旨在彻底改变用户体验。它采用纯粹透明的代码,去除了冗余组件,因此应用足够轻量,能够提供极致的用户体验。

CoreUI React - 由 CoreUI Agency 使用 React 编码的开源仪表板。


机身反应

这款现代化的 React 仪表盘由一位独立开发者Tomasz Owczarczyk独立开发。编写一个一流的仪表盘并免费发布并非易事,而这位开发者做到了。请注意,所有其他产品均由众多开发者共同努力,由代理机构开发。

Airframe Dashboard 采用极简设计和创新的 Light UI,助您构建拥有出色 UI 的出色且功能强大的应用程序。它专为大型应用程序而设计,并附带详细的分步文档。

React Dashboard - Airframe,开源模板。


AntD React

基于 Ant Design 和 UmiJS 构建的企业应用前端解决方案,非常出色。我选择这款产品主要是因为它提供的图表非常出色。

  • 国际化,从源代码中提取翻译字段,按需加载语言包
  • 动态权限,不同菜单有不同权限
  • 优雅美观,Ant Design 系统
  • 模拟数据,本地数据调试

React Dashboard - AntD,开源模板。


Thanks for reading!如需更多资源和支持,请访问:

文章来源:https://dev.to/sm0ke/react-dashboard-5-modern-ui-kits-for-2021-4jd5
PREV
React 仪表板
NEXT
Node JS Starter - 全栈 React Material Kit