React主流开源UI库分析(附优质管理端模板)

这篇具有很好参考价值的文章主要介绍了React主流开源UI库分析(附优质管理端模板)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

以下列举了一些React主流的开源UI库,希为某些所谓的大厂不要再重复造轮子,当然,确实有情怀笔者也为你点赞;

从Star及Fork数据来看,国内以Ant Design为主,国外以Material UI为主;另外,Material UI已经形成了较完整的生态,你可以自己开发管理模板挂上去销售。

主流UI库

名称 Star Fork 授权 当前版本
Material Kit React 5.8K 794 MIT License Latest release: 3.0.3
Storybook 75.1k 7.9k MIT License Latest release: 6.5.13
Chakra UI 29.7k 2.7k MIT License Latest release: 2.2.1
Ant Design for React 82.7k 36.7k MIT License Latest release: 4.24.2
Material UI 82.6k 28.5k MIT License Latest release: 5.10.14
Semantic UI React 50.3k 5.1k MIT License Latest release: 2.5.0
React Admin 21k 4.6k MIT License Latest release: 4.5.1
React Bootstrap 21.3k 3.4k MIT License Latest release: 2.6.0
React Toolbox 8.7k 1k MIT License Latest release: 2.0.0-beta1.0
React Virtualized 24.4k 3.1k MIT License Latest release: 9.22.3
Blueprint UI 19.4k 2.1k MIT License Latest release: 0.14.5
Grommet 8.1k 991 Apache-2.0 License Latest release: 2.27.0
EvergreenUI 11.9k 822 MIT License Latest release: 6.12.0

优质管理模板

GraphQL API and Relay Starter Kit:

GraphQL API project using code-first design (TypeScript, OAuth, GraphQL.js, Knex, Cloud SQL)
Web application project pre-configured with Webpack v5, TypeScript, React, Relay, Material UI
Serverless deployment: api -> Cloud Functions, web -> Cloudflare Workers
Client-side page routing/rendering at CDN edge locations, lazy loading
Optimized for fast CI/CD builds and deployments using Yarn v2 monorepo design

React Most Wanted:

Created with Create React App
Custom Create React App script to start a new project with just a single CLI command
Build for Firebase including Authentication using the official Firebase Web Auth UI
Routing with React Router including error handling (404) and lazy loading
All PWA features included (SW, Notifications, deferred installation prompt and more)
Optimized and scalable performance (all ~100 points on Lighthouse)

React Admin

A frontend Framework for building B2B applications running in the browser
On top of REST/GraphQL APIs, using ES6, React and Material Design

React SaaS Template:

Created with Create React App
Features a landing page, a blog, an area to login/register and an admin-dashboard
Fully routed using react-router
Lazy loads components to boost performance
Components for statistics, text with emoji support, image upload and much more…

refine:

An open source, headless React-based framework for the rapid development of web applications that supports Vite, Next.js and Remix.
Designed for building data-intensive applications like admin panels, dashboards, and internal tools, but thanks to built-in SSR support, can also power customer-facing applications like storefronts.
Supports Material UI to generate a complete CRUD app that follows the Material Design guidelines and best practices.
Connectors for 15+ backend services, including REST API, GraphQL, NestJS, Airtable, Strapi, Supabase, Appwrite, Firebase, and Hasura.
Out-of-the-box support for live/real-time applications, audit logs, authentication, access control flows and i18n.
Advanced routing with any router library.

其他模板(完整版的)

Material Dashboard React:https://www.creative-tim.com/product/material-dashboard-react

Material Kit React:https://www.creative-tim.com/product/material-kit-react

Material UI Dashboard:https://github.com/creativetimofficial/material-dashboard

Shards Dashboard React:https://github.com/DesignRevision/shards-dashboard-react

Argon Dashboard React:https://www.creative-tim.com/product/argon-dashboard-react文章来源地址https://www.toymoban.com/news/detail-475113.html

到了这里,关于React主流开源UI库分析(附优质管理端模板)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3开源后台管理系统模板

    2022-08-28 推荐一些 Vue3 常用后台管理系统模板。 Vue3 在今年2月份已成为新的默认版本,本文收集了一些 Vue3 的后台管理系统模板,分享给在座的仌 👣。 还是老规矩,按照 Github 星标数量来依次介绍。 个人较推荐 vue-vben-admin、vue-pure-admin、naive-ui-admin、vue3-composition-admin、vue-

    2024年02月03日
    浏览(64)
  • Ant Design:企业级 UI 设计语言和 React 库 | 开源日报 No.88

    Stars: 87.9k License: MIT Ant Design 是一个企业级 UI 设计语言和 React UI 库。 为 Web 应用程序设计的企业级 UI。 提供一套高质量的开箱即用的 React 组件。 使用可预测静态类型编写 TypeScript 代码。 包含完整的设计资源和开发工具包。 支持数十种语言国际化支持 基于 CSS-in-JS 实现强大

    2024年02月04日
    浏览(46)
  • 基于react18+vite4+arco.design搭建极简版后台管理模板

    趁着国庆前夕整了一个 vite4 结合 react18 搭建后台管理模板,搭配上字节团队react组件库 ArcoDesign ,整体操作功能非常丝滑。目前功能 支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制 等功能。极简非凡的布局界面、高定

    2024年02月08日
    浏览(48)
  • FPGA优质开源模块 - SRIO

    本文介绍一个FPGA常用模块:SRIO(Serial RapidIO)。SRIO协议是一种高速串行通信协议,在我参与的项目中主要是用于FPGA和DSP之间的高速通信。有关SRIO协议的详细介绍网上有很多,本文主要简单介绍一下SRIO IP核的使用和本工程的源代码结构。 由于Vivado中RapidIO IP核需要付费才能使

    2024年02月13日
    浏览(42)
  • UI设计感大型数据管理仪表盘后台模板源码

    大型数据管理仪表盘后台模板是一款适合数据统计管理后台网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。 演示+下载 qnziyw点cn/wysc/qdmb/20838点html

    2024年02月05日
    浏览(44)
  • 管理系统的前端模板(vue2+Element UI)

    目录 前言 一、模板展示图 二、获取的方式及操作运行步骤  (一)获取方式 (二)操作步骤  1.下载安装node.js  2.下载完成解压缩后在idea的里面打开终端。 3.输入下载相关依赖的命令 4.运行项目的命令 5.然后把给到的地址浏览器打开就可以了  三、代码的展示(这个点的内

    2024年02月05日
    浏览(58)
  • FPGA优质开源项目 – PCIE通信

    本文介绍一个FPGA开源项目:PCIE通信。该工程围绕Vivado软件中提供的PCIE通信IP核XDMA IP建立。Xilinx提供了XDMA的开源驱动程序,可在Windows系统或者Linux系统下使用,因此采用XDMA IP进行PCIE通信是比较简单直接的。 本文主要介绍一下XDMA IP核的使用和Vivado工程的源代码结构。文章末

    2024年02月14日
    浏览(39)
  • Android 优质的UI组件汇总

    1、RuleView :Android自定义标尺控件(选择身高、体重等) 链接:https://github.com/cStor-cDeep/RuleView 2、DashboardView :Android自定义仪表盘View,仿新旧两版芝麻信用分、炫酷汽车速度仪表盘 链接:https://github.com/woxingxiao/DashboardView 3、AndroidCarrouselLayout 链接:https://github.com/yixiaolunhui/Andro

    2024年02月06日
    浏览(68)
  • Flutter的优质UI组件库

    1. Get Widget 国外开发的,应对一些flutter中缺少的组件库 文档地址:https://docs.getwidget.dev 2.Bruno Bruno 是贝壳公司开发的,基于一整套设计体系的 Flutter 组件库。 文档地址:https://bruno.ke.com/page/guide/bruno 3.macos_ui 专注于macOS,实现当前macOS设计的Flutter小部件和主题。 文档地址:h

    2024年02月11日
    浏览(54)
  • C++ 之 一些优质的开源框架和项目代码

    Awesome C++ 一些优质的开源框架和项目代码,学习优秀程序员的代码风格与编程能力

    2024年02月07日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包