推荐36种免费React模板和主题「干货」

2023-05-25 0 930

推荐36种免费React模板和主题「干货」

序言

在Internet上搜寻模版和主轴时,极难找出完全免费的React天然资源。

即便您不在意商品质量,它或许也极难被辨认出,并所致疑惑而敬佩,我花了数半小时在Google和Github上到处发掘,结论获得了36个免费的React模版和主轴的子集。我不能为此赌,但它也是高效率的天然资源。

因而,在此条目中,您将找出各式各样的模版和主轴,能构筑基本上能想像的任何人小东西。比如:

管理工作仪表板中文网站进占网页新浪网投资女团facebook设计控制系统

我没有将分权到各部份(比如中文网站模版)中,即使该条目中的大部份文本都不属于某一类型(比如模块库,UI组件等),因而,Jarnisy下载整段并将您的记事本加进为记事本最喜欢的。

最终一点儿:虽然我们不能将组件库和UI Kit视作模版和主轴,但它是开启新工程项目的极佳终点,因而,我认为值得称赞在本系列商品中提到其中的一些。

除此之外小贴士也在方敏仪React的同时也搜集22种开放源码Vue模版和主轴架构「蔬果」有兴趣的爸爸妈妈也能看一看

1. Open

推荐36种免费React模板和主题「干货」

当晚模拟:https://open.cruip.com/

githubhttps://github.com/cruip/open-react-template

Open是完全免费的React模版,为期望为其开放源码工程项目,新浪网服务工程项目,位数商品等建立加速专精的登入网页的开发人员建立。为了捕获潜在客户和电子邮件订户,Open提供了一个由光滑,简约和可重复使用的模块和元素组成的多功能库。

特征:

专为开放源码商品和新浪网服务工程项目而结构设计深色简约结构设计可通过Github完全下载

2. Atomize

推荐36种免费React模板和主题「干货」

当晚模拟:https://atomizecode.com/

github: https://github.com/proksh/atomize

Atomize是一个React UI架构,旨在帮助开发人员与结构设计师合作并毫不费力地构筑一致且和谐的用户界面。得益于样式指南和灵活的网格等天然资源的完美结合,Atomize适合建立任何类型的响应式中文网站。

特征:

优雅漂亮的React模块中文网站和响应式应用程序的结构设计控制系统完全控制以建立响应式应用程序。

3. Treact

推荐36种免费React模板和主题「干货」

当晚模拟

https://treact.owaiskhan.me/

地址:https://gumroad.com/l/QaruQ

Treact是一个完全免费和现代的React模版和UI模块的画廊,这些模版和UI模块使用TailwindCSS作为前端架构进行开发。这个精美的天然资源档案库提供了7个预建的主页,8个辅助页以及52个预结构设计的元素和部份。每个文本都能完全自定义,并且能针对台式机,平板电脑和移动设备进行扩展。

特征:

丰富的模版和块库一致的图像和插图现代而多功能的外观

4. MatX

推荐36种免费React模板和主题「干货」

当晚模拟

http://matx-react.ui-lib.com/dashboard/analytics

地址:https://ui-lib.com/downloads/matx-react-dashboard/

MatX是在Material Design之上构筑的精美的React Native模版。这个Admin Dashboard模版是使用React,Redux和Material UI构筑的,它包含了使Web应用程序焕然一新所需的大部份基本功能。MatX的完全免费版本可用于轻松设置管理工作面板,用户管理工作控制系统和工程项目管理工作控制系统。

特征:

材质UI模块和元素仪表板和分析视图美丽的调色板女团

5. Holly

推荐36种免费React模板和主题「干货」

现场模拟:https://lukemcdonald.github.io/holly-react/

github: https://github.com/lukemcdonald/holly-react

Holly是一个响应式React JS模版,适用于期望在主要商品仍处于开发阶段时开始累积电子邮件地址的新浪网服务工程项目和位数商品的生产者。这个紧凑的模版最初由Cruip用HTML结构设计,然后在React中为此版本进行编码。

特征:

预先结构设计的形状和元素超级容易设置和开启适应各种商品需求的时尚外观

6. OAH-Admin

推荐36种免费React模板和主题「干货」

当晚模拟

https://oah-admin.ahmedelywa.com/extra-components/progress/

github :https://github.com/AhmedElywa/oah-admin

OAH-Admin是一个完全免费的React admin仪表板模版,基于Gatsby,带有oah-ui模块和元素包。这个React模版带有精心开发的UI配件的色调,并且超级整洁和灵活的布局使任何人人都能轻松建立任何人一种基于SaaS的Web应用程序,管理工作面板,仪表板等。

特征:

精美的深色布局一些额外的模块和动作可扩展且优雅的应用程序界面

7. Gatsby Starter Ghost

推荐36种免费React模板和主题「干货」

当晚模拟:https://gatsby.ghost.org/

github :https://github.com/TryGhost/gatsby-starter-ghost

使用Ghost在盖茨比(Gatsby)之上的此入门模版,能轻松建立响应迅速的中文网站。Gatsby Starter Ghost是博客,杂志或任何人新闻中文网站的简洁现代模版。该商品经过专门结构设计,可帮助任何人人在Internet上建立个人空间并分享想法,想法和更新。

特征:

全角英雄加进图像或视频预先填充的文本按作者或标签排序的帖子

8. Star Admin

推荐36种免费React模板和主题「干货」

当晚模拟

https://www.bootstrapdash.com/demo/star-admin-free/react/template/demo_1/preview/dashboard

github:https://github.com/BootstrapDash/StarAdmin-Free-React-Admin-Template

一个完全免费的React Native模版,展示了无穷多种基本元素,可将任何人想法变为现实。该模版的特点是精心制作的仪表板,其中包含整齐地排列和组织的段,能与大部份最新和现代的Web下载器完美配合,并且能够使数据可视化过程更易于管理工作。

特征:

跨下载器兼容性材料结构设计图标简单而灵活的JavaScript图表

9. Carolina Admin Dashboard

推荐36种免费React模板和主题「干货」

当晚模拟:https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage

地址:

https://uifort.com/template/carolina-react-admin-dashboard-material-ui-free/

如果您正在寻找功能强大的React仪表板模版,Carolina Admin Dashboard提供了开启和运行Web工程项目所需的一切。这个漂亮的模版建立在Material-UI架构之上,并遵循Google大部份的Material Design指南,提供了干净整洁的结构设计。最终但并非最不重要的一点儿是,核心结构是完全响应和开放源码的。

特征:

23个主要网页和内部网页包括实用程序和助手完全可滚动的布局

10. Tabler

推荐36种免费React模板和主题「干货」

当晚模拟:http://tabler-react.com/

github:https://github.com/tabler/tabler-react

Tabler是一个完全免费的React admin仪表板模版,非常适合任何人类型的后端Web应用程序。该管理工作模版包含了一系列商品精心结构设计的模拟,它无需从头开始即可为您节省大量时间,并且还附带可重复使用的模块,例如按钮,地图,图表,表单等。

特征:

灵活的图表和数据元素无限的后端可能性预先构筑的响应式小部件

11. React Nice Resume

推荐36种免费React模板和主题「干货」

当晚模拟:https://nordicgiant2.github.io/react-nice-resume-page/#home

github :https://github.com/nordicgiant2/react-nice-resume

如果您是一般的开发人员,结构设计师或位数创作者,React Nice Resume是一个不错的主轴,可用来宣传自己和您的作品。该天然资源展示了一个独特的固定英雄部份,其中包含粒子背景,工作经验时间表,技能图,显示最新工程项目的缩略图以及具有功能输入表单的查询部份。

特征:

粒子成分库关于我和联系方式顶部标题,可平滑滚动到各部份

12. Boss Lite

推荐36种免费React模板和主题「干货」

当晚模拟

http://boss.ux-maestro.com/app/tables/data-table

github:https://github.com/ilhammeidi/boss-lite

Boss Lite是一个基于React和Redux的令人惊叹的管理工作仪表板模版。该模版为您带来具有高性能应用程序和多种配色方案的新颖现代结构设计。它的建立是为了使开发过程对于任何人类型的基于Web的工程项目都能访问,并且得益于现代化的工作流程和Flexbox的灵活布局,它能顺畅进行。

特征:

SSR的高性能可重复使用的模块和模块易于管理工作和维护

13. Chakra UI

推荐36种免费React模板和主题「干货」

当晚模拟:https://chakra-ui.com/

github:https://github.com/chakra-ui/chakra-ui/

Chakra UI提供了一组可访问和可重用的React功能模块,使建立可访问中文网站和用户界面非常舒适。Chakra UI中的基本上大部份元素都兼容暗模式,它遵循WAI-ARIA准则规范,并基于React UI Primitive构筑,以实现无限的可女团性。

特征:

数百名贡献者完整格式脚本通过道具轻松造型

14. Black Dashboard React

推荐36种免费React模板和主题「干货」

当晚模拟:https://demos.creative-tim.com/black-dashboard-react/#/admin/dashboard

地址:

https://www.creative-tim.com/product/black-dashboard-react

Black Dashboard React是用于管理工作界面的可用于生产的React应用程序模版。该模版基于Bootstrap建立的结构设计准则,是基于企业的应用程序和强大的后端软件的极佳前端选项。它引入了更高级别的细分,结构设计组件和可重复使用的图表,以从头到尾改善用户和开发经验。

特征:

精心编写的文档移动设备支持不同菜单的动态权限

15. Argon Design System

推荐36种免费React模板和主题「干货」

当晚模拟

https://demos.creative-tim.com/argon-design-system-react/#/

github:https://github.com/creativetimofficial/argon-design-system-react

使用用于Bootstrap 4和Reactstrap的React结构设计控制系统开始下一个Web结构设计工程项目。Argon Design System带有100多个单独的模块,预构筑的示例,每个元素都有样式,悬停,焦点的多个状态,任何人人都能轻松访问和使用。该商品是从原型开发到全功能代码的理想解决方案,即使大部份文本均已实现。

特征:

预先建立的网页变体现代用户界面轻松更改文本和图像

16.Devias Kit – Admin Dashboard

推荐36种免费React模板和主题「干货」

当晚模拟

https://react-material-dashboard.devias.io/dashboard

github:https://github.com/devias-io/react-material-dashboard

Devias Kit是一个响应式材料结构设计管理工作仪表板,专门针对React使用Google自己的Material Design架构进行自定义设置,指令,图标和样式等。如果您想对结构设计进行加速更改,则此模版随附了清晰直观的目录和文件,加速入门文档,甚至包括Sketch文件。

特征:

多个单页样式指南和版式比例完整的用户流

17. Dev Blog

推荐36种免费React模板和主题「干货」

当晚模拟

https://ryanfitzgerald.github.io/devblog/

github:https://github.com/RyanFitzgerald/devblog

开发博客是一个React中文网站模​​板,专门为期望为其副工程项目和商品建立加速专精博客的开发人员而结构设计。该中文网站模版带有首页,该首页显示博客名称,社交媒体图标以及带有文本和图像的文章缩略图。该模版还包括单个帖子网页,并带有精美且精心结构设计的排版。

特征:

专精和个人博客模版修复静态图片该博客是完全静态生成的

18. Material Pro

推荐36种免费React模板和主题「干货」

当晚模拟

https://wrappixel.com/demos/free-admin-templates/materialpro-reactadmin-lite/main/#/starter/starter

地址:

https://www.wrappixel.com/templates/materialpro-react-admin-lite/

Material Pro是一个完全免费的React Native模版,是为参加管理仪表板模版的任何人人精心制作的。这款精美的商品采用模块化和现代结构设计理念开发,能100%完全免费使用和下载,其中包含许多网页,可帮助您更快,更轻松地建立工程项目。

特征:

准备使用的小部件集成插件深色边栏版本

19.Ant Design Landing

推荐36种免费React模板和主题「干货」

当晚模拟:https://landing.ant.design/index-cn

github:https://github.com/ant-design/ant-design-landing

着陆是由Ant Design System构筑的模版。这个慷慨的程序包包括您能为工程项目迅速配置和开启的首页和内页的各种模块,以及一个灵活且非常强大的新浪网编辑器,您能使用它建立无限的专用网页,这些外观与中文网站的其余部份保持一致。

特征:

包括草图文件大量的模版综合风格指南

20. Isomorphic

推荐36种免费React模板和主题「干货」

当晚模拟:https://isomorphic.redq.io/signin

github:https://github.com/pujoey/ismorphic

Isomorphic是一个易于管理工作且引人入胜的管理工作模版,其中包含大量的灵活模块,每个模块都是悠扬的,并结合到基于Web的漂亮应用程序中。使用同构,您能配置不同的导航位置,大小和调色板方案,以加速适应任何人类型的现有管理工作工程项目。

特征:

自定义表格和分页可读的安装指南不同的软件包目录

21. Shards Dashboard Lite

推荐36种免费React模板和主题「干货」

当晚模拟:https://designrevision.com/demo/shards-dashboard-lite-react/blog-overview

地址:

https://designrevision.com/downloads/shards-dashboard-lite-react/

Shards是一个完全免费的React仪表板模版,具有现代化的结构设计控制系统以及许多自定义网页和部份。该模版是在遵循现代开发最佳实践的基础上从头开始构筑的,具有完全的响应能力,能够适应和重排到任何人视口大小,并且支持多个第三方插件,比如React Table,React Date Picker等。

特征:

1500+个支持的图标轻巧且针对性能进行了优化优秀的代码商品质量

22. uiw

推荐36种免费React模板和主题「干货」

当晚模拟:https://uiwjs.github.io/#/

github:https://github.com/uiwjs/uiw

uiw是适用于React 16+的高效率React模块库和UI工具包。这个宏伟的天然资源是根据最新的结构设计趋势和最佳实践而构筑的,它配有各种预先构筑和预先结构设计的模块,比如表单,按钮,分隔符,日期选择器,切换器,时间选择器,调色板,图标,还有很多。

特征:

根据MIT许可证发布编译后的模块代码反应叠加触发

23. React Material Admin

推荐36种免费React模板和主题「干货」

当晚模拟

https://flatlogic.github.io/react-material-admin/#/login

地址:

https://flatlogic.com/templates/react-material-admin

React Material Admin是基于Material-UI架构以及100%jQuery和Bootstrap完全免费构筑的react仪表板。这个反应模版是为SaaS应用程序,电子商务平台,IoT仪表板或您能想像的任何人面向Web的商品构筑前端解决方案的不可思议的终点。模版会不断更新,并带有新的宝石和特权。

特征:

通过票务控制系统完全支持包括基本仪表板丰富的通知栏

24. Material UI KIT

推荐36种免费React模板和主题「干货」

当晚模拟

https://demos.creative-tim.com/material-kit-react/#/

地址:

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

Material UI KIT是一个完全免费的React UI主轴,其灵感来自Google的材料结构设计,外观清新整洁。除了对Material-UI元素进行重新样式设置外,此强大的天然资源还包括三个完全编码的示例网页,比如登入网页(用于展示位数商品和应用程序),作品集网页(用于展示以前的作品)和登入网页(任何人Web应用程序的入口门)。

特征:

60多个预建元素3示例网页完全编码和记录

25. Airframe

推荐36种免费React模板和主题「干货」

当晚模拟

http://dashboards.webkom.co/react/airframe/dashboards/projects/

github:https://github.com/0wczar/airframe-react

Airframe是基于Bootstrap 4和React 16的完全免费和开放源码React应用程序模版。凭借其简约的结构设计和创新的Light UI,此模版将使您能够通过出色的用户界面构筑令人惊讶且引人注目的响应式应用程序。机体是专为大规模目的而发明的,可支持逐步记录。

特征:

10多种布局变化120多个独特的网页完全自适应的响应式结构设计

26. Gatsby Simplefolio

推荐36种免费React模板和主题「干货」

当晚模拟:https://gatsby-simplefolio.netlify.app/

github:https://github.com/cobidev/gatsby-simplefolio

Gatsby Simplefolio是面向开发人员,工程师和程序员的干净,美观,响应迅速的React商品女团模版。布局非常直观,模版随附的说明将为您提供工程项目副本,并在您的本地计算机上运行以进行开发和测试。如果要在实时控制系统上部署工程项目,也能检查注释。

特征:

现代揭示动画用Bootstrap v4.3样式使用Gatsby进行图像优化

27. Ant Design Pro

推荐36种免费React模板和主题「干货」

当晚模拟:https://pro.ant.design/index-cn

github:https://github.com/ant-design/ant-design-pro/

您是否需要作为React样板的企业应用程序的现成UI解决方案?Ant Design Pro是一个精美的React Native主轴,可为开发人员和初创公司提供各种现成的仪表板网页,身份验证,预构筑表单和UI条目,以加速草绘和部署看起来不错且效果更好的应用程序布局。

特征:

专为不同的屏幕尺寸而结构设计可定制的主轴,配置简单使用最新的开发堆栈构筑

28. React SaaS Template

推荐36种免费React模板和主题「干货」

当晚模拟

https://reactsaastemplate.com/

github:https://github.com/designrevision/shards-react

React SaaS是一个轻量级的,新颖的模版,为期望为其SaaS工程项目,新浪网服务工程项目和位数商品提供简单而直接的指向网页的初创公司开发。React SaaS模版包含一个主页部份,该部份补充了应用程序功能,一个博客部份以及一个用于注册新用户的模式注册表单。

特征:

基于视口的动画表情符号选择器顶部加载栏

29. Shards React

推荐36种免费React模板和主题「干货」

当晚模拟:https://designrevision.com/downloads/shards-react/

github:https://github.com/designrevision/shards-react

Shards React是一个完全免费的React UI组件,具有现代结构设计风格和数十个自定义模块。这个大型库是为商品级应用程序和工具而构筑的,它合并了全面且明智的指南,移动UI元素,现成的配色方案以及新一代的图形工作解决方案。

特征:

高效率的商品原型草图结构设计文件强大的溢价图标集

30. Light Blue React Dashboard

推荐36种免费React模板和主题「干货」

当晚模拟:https://baseweb.design/

github:https://github.com/uber/baseweb

Base Web是一个React模块库,用于开启,发展和统一Web商品。这个庞大的商品提供了一组强大的模块,这些模块开箱即用,包括(比如)准备使用的功能元素,比如日期选择器和低级可女团基元。Base是一个由现代,响应式,生活部份组成的结构设计控制系统。

特征:

极高的定制水平样式和有组织的模块内置辅助功能

31. 浅蓝色React仪表板

推荐36种免费React模板和主题「干货」

当晚模拟

https://demo.flatlogic.com/light-blue-react/#/app/main/dashboard

github:https://github.com/flatlogic/light-blue-react-template

浅蓝色React是一个完全免费的深色管理工作模版,建立在React和Bootstrap 4之上。就结构设计而言,该模版展示了几个与数据相关的元素和分析小部件,地理位置图,功能齐全的侧栏和标题包括多个号召性用语和一个搜寻输入表单。此天然资源中也提供UI条目和功能齐全的图表。

特征:

美丽的深色布局传统和社交媒体登入交互式地图,图表和小部件

32. React JS Landing

推荐36种免费React模板和主题「干货」

当晚模拟

https://react-landing-page-template.herokuapp.com/#page-top

github:https://github.com/IssaafKattan/React-Landing-Page-Template

React JS Landing是一个简单的React应用模版,适用于初创企业,位数代理商和与商品相关的品牌。这个一页模板通过视差滚动效果,显示商品功能或优点的缩略图库,几个现成的图标,一个符合团队的模块以及一个全角英雄来显示图像或视频,从而提供了不同的可滚动部份。

特征:

迷人的视差滚动效果引人注目的图像和图标与文本字段取得联系

33. Admin Pro

推荐36种免费React模板和主题「干货」

当晚模拟:https://wrappixel.com/demos/free-admin-templates/adminpro-react-lite/main/#/dashboard

地址:

https://www.wrappixel.com/templates/adminpro-react-admin-lite/#comparison

这个React Native主轴基于有趣的技术手工制作而成,具有开发强大而复杂的Web应用程序,SaaS后端接口和软件所需的一切。模版中塞满了各种不同的必要模块,这些模块将使开发和定制过程再次变得出色。

特征:

15个以上的网页和模块终身免费更新多个图表选项

34. Blueprint

推荐36种免费React模板和主题「干货」

当晚模拟:https://blueprintjs.com/

github:https://github.com/palantir/blueprint

蓝图是Web的React UI主轴和工具包。该主轴已针对为可在多种下载器(包括IE11)上运行的桌面应用程序制造复杂的,基于数据密集的Web界面进行了完全优化。与非常相似的天然资源相反,Blueprint不包含移动优先方法。

特征:

可扩展的交互式表格文本与日期和时间进行交互的元素时区选择模块

35. Datta

推荐36种免费React模板和主题「干货」

当晚模拟:http://lite.codedthemes.com/datta-able/react/default/dashboard/default

地址:

https://codedthemes.com/item/datta-able-react-free-admin-template/

Datta是市场上所有其他管理工作天然资源中最吸引人的React完全免费模版之一。它以不同的以文本为中心的网页,完全对开发人员友好的代码出现,并且在最终版本发布之前,它已经经历了各种过程和测试,以使性能和结构设计美学达到您所知的最佳水平。

特征:

实时网页定制器准备使用仪表板小部件更快的加载速度

36. Flatlogic One

推荐36种免费React模板和主题「干货」

当晚模拟:https://flatlogic.github.io/one-react-template/#/login

地址:

https://flatlogic.com/templates/one-free-react-template

Flatlogic One是由React和Bootstrap前端架构组成的全新天然资源。该模版非常适合建立FinTech,数据表和基于Web的应用程序。Flatlogic提供了可重复使用的React钩子,用于建立响应式Web活动,并且主导航位于左侧栏上,因而文本始终位于中心并按最佳标准排列。

特征:

集成功能图深厚的背景面向开发人员的商品

结论

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务