10+最佳高级ReactJS管理模板

本文概述

• 10. SmartAdmin
• 9. SPIN
• 8. Beyond Admin
• 7. NeuBoard
• 6. Fortress
• 5. Eract
• 4. Berr Admin
• 3. Rubix
• 2. Material Design ReactJS
• 1. React Admin
• Inspinia

React JS是用于构建用户界面的声明性, 高效且灵活的JavaScript库, 与纯JavaScript相比, 它具有许多优势。它在团队中的表现非常出色, 因为它可以强有力地强制执行用户界面和工作流程模式, 此外, 它不仅使你而且对你的团队也易于阅读和维护UI代码。如果你正在使用React进行新项目, 则可能需要运用自己的一些爱好并购买高级模板, 以使其看起来像数字超模。

节省你寻找最大的高级ReactJS管理模板的辛苦工作, 并发现我们的《代码世界》推荐的项目, 享受最好的高级ReactJS管理模板中的前10名。

10. SmartAdmin

现场演示

SmartAdmin WebApp是一个很棒的管理模板。它独特的平面设计和响应式布局是其中一种。 SmartAdmin包括7个版本变体：静态HTML, AJAX, PHP, AngularJS 4.0, RubyOnRails, ReactJS和ASP.NET版本。每个版本都有其独特的属性和用法。 SmartAdmin具有与最新jQuery插件集成在一起的各种可重复使用的UI组件集合。 SmartAdmin Layout API可以让你针对几乎所有设备(移动, Web或WebApp)自定义项目, SmartAdmin已涵盖在内。

9. SPIN

现场演示

具有简约设计和创新的Dark UI的SPIN Admin / Dashboard主题, 将使你能够通过出色的UI构建功能强大的惊人应用程序。专为大规模应用而设计, 并提供详细的分步文档。它基于最新的标准和建议构建。它由Bootstrap 3+框架提供支持, 该框架目前是世界上最受欢迎的框架之一。

SPIN管理员/仪表板主题有5个版本。每个的描述可以在下面找到：

• HTML / CSS / JS-非常适合编程语言, 例如PHP, Ruby和其他语言。 Gulp版本。
• ReactJS-提供了一组灵活的React组件, 这些组件将为你的App添加强大的功能。包括许多示例。
• 入门开发-这是Spin Dashboard的全新Starter版本。该基础项目可以快速附加到基于HTML / CSS / JS的任何Web应用程序, 也可以启动一个新项目。非常适合诸如PHP / Java EE / Ruby on Rails / Django / ASP.NET / Meteor等技术。
• Photoshop文件-完全基于图层构建的” .psd”中的30多个视图, 使你可以快速进行更改/调整/添加功能, 还可以构建新的视图或布局。打包提供。
• SASS样式-SASS语言增强了应用程序的样式, 使维护工作变得整洁而轻松。

8. Beyond Admin

现场演示

• 提供6种不同版本：Asp.net MVC版本, AngularJS版本, Asp.net Web窗体版本, HTML版本, ReactJs版本和前端。
• 内置最新的Bootstrap 3.3.6
• 在HTML5和CSS3中精心实现
• 样式正确的元素和页面
• 最新的jQuery v2.1.3
• 全面响应和互动
• 很棒的CSS3动画
• 在模块化LESS文件中实现(包括编译的CSS)
• 色彩轻巧的设计
• 从右到左方向支持(包括阿拉伯和波斯布局)
• 响应式多级主菜单
• 完整的小部件控制
• 惊人的数据框
• 完整的电子邮件模板
• 现代资料页面

7. NeuBoard

现场演示

NeuBoard是具有平面和现代设计的高级管理仪表板主题。它是使用AngularJS, Bootstrap 3, HTML5, CSS3和Media查询构建的完全响应式主题。它可以用于所有类型的Web应用程序, 仪表板和内容管理系统。

NeuBoard主题包括多个版本。其中一个包含所有静态HTML / CSS / JavaScript文件, AngularJS版本包含许多易于使用的控制器和指令, Visual Studio 2013中为.NET开发人员编写的ASP.NET MVC5版本。每个项目都包含种子项目, 这些种子项目是应用程序状态程序文件, 可快速启动和运行你的项目。

6. Fortress

现场演示

Fortress是一个ReactJS管理模板, 具有React, Redux和Material-UI框架的响应式和多用途管理。该模板的主要功能是：

• 使用React和Redux进行构建
• 基于react样板, 该样板提供了高度可伸缩的, 脱机优先的基础, 并具有最佳的开发人员体验, 并专注于性能和最佳实践。
• 一组实现Material-UI提供的Google物料设计的React组件
• 图表
• 标签导航可提供更好的用户体验
• Webpack
• 仅反应组件！没有jQuery或其他插件。
• 以及更多！

使用此模板, 你可以直接从CLI轻松创建组件, 容器, 路线, 选择器和sagas及其测试。

5. Eract

现场演示

Eract是基于ReactJS和Facebook官方create-react-app cli和webpack的React Bootstrap 4管理仪表板模板。它使用自定义脚本来支持css预处理器, 例如SASS, LESS, STYLUS和CSS模块。尽管我将SASS用于CSS, 但是你也可以使用任何或多个CSS预处理器。它不使用任何redux或flux实现, 因此初学者很容易退出你的选择。该模板的主要功能是：

• 基于Bootstrap 4和ReactJS
• 使用官方的create-react-app cli进行构建。
• 幽灵般的导航系统
• 使用支持材料图标, fontawesome和github typicons的React Icons。
• 写在ES6中。
• 使用React-Router进行路由。
• 跨浏览器支持
• 高分辨率支持
• 考虑到组件的模块化结构而构建。
• 不使用任何redux或flux实现。对于初学者来说, 保持简单。
• SASS / LESS / Stylus / CSS Modules切换标志, 用于使用任何CSS预处理器。
• 快速入门指南随附的文档

4. Berr Admin

现场演示

Berr Admin是高级的ReactJS管理模板。该模板的主要功能是：

• 3个漂亮的仪表板
• 全面响应
• 美丽的React组件
• 多个菜单选项
• 页眉-页脚自定义
• 运动动画应用
• 有用的用户界面
• 简易安装
• 有用的脚本
• 反应图
• 语义UI模块
• 有用的助手课程
• 美丽的彩色的图标集

3. Rubix

现场演示

Rubix是由Facebook的ReactJS和Bootstrap支持的自适应Web应用程序管理模板。它具有大量可组合的React UI组件(大多数Bootstrap组件已移植到React)。

它还包括专门为该模板创建的, 美观, 手工制作且支持触摸的图表库, 称为Rubix图表。 Rubix的最新更新包括支持开发通用Javascript应用程序, React Hot Loader支持在多个设备上进行同步浏览器测试以及由React Router支持的路由。它还利用了CSS的SASS预处理器(包括用于创建自己的配色方案和主题的混合插件)和用于管理和自动化资产管道的Webpack。 Rubix还包括很棒的rtlcss模块, 用于生成RTL样式表。本地化/国际化由Mozilla的L20n库提供支持, 该库旨在成为对开发人员友好的框架, 该框架将语言放在本地化人员的手中, 以创建更好的翻译。

2. Material Design ReactJS

现场演示

Material Admin是一个受Google Material Design启发使用ReactJS和Bootstrap 4构建的管理模板。它使用Scss CSS, 使其易于定制。该模板的主要功能是：

• 2合1。管理模板和登录页面
• Google Material Design
• 响应式设计
• 浅色, 灰色和深色主题
• 多种布局
• 多种配色方案, 带有18种预定义方案
• 强大的布局设置
• 900多种官方材料设计图标
• Sass / Scss CSS, 只需更改一些变量即可轻松更新样式
• 模块化代码, 轻松添加和删除
• 使用jQuery
• 使用React-router进行嵌套路由
• 延迟加载(动态路由)支持
• 带Babel的ES6(ECMAScript6)
• 使用NPM进行包裹管理
• 与Webpack 2捆绑在一起的模块
• Airbnb React / JSX样式指南
• 跨浏览器支持
• 高分辨率支持
• 高级支持
• 免费的未来更新
• 和更多

1. React Admin

现场演示

React Admin是一个很棒的React模板, 它将帮助你使用React / Redux和Bootstrap构建可扩展的, 高度修饰的管理应用程序, 该应用程序将在移动设备, 平板电脑以及台式机上很好地工作。

该项目使用了一个强大的CSS框架, 用于在LESS中构建的后端, 并使用Grunt进行了编译。该项目具有60多个React组件, 可用于创建新的合成和容器, 以及数十个示例容器, 展示了如何创建响应式布局。除此以外, 它还包括3个子应用程序(面板, 便笺和地图), 这些子应用程序将更具体地向你展示如何部署功能组件。

Inspinia

现场演示

INSPINIA Admin Theme是具有平面设计概念的高级admin仪表板模板。它是使用Bootstrap 3+ Framework, HTML5和CSS3, 媒体查询构建的完全响应式管理仪表板模板。它具有大量可重复使用的UI组件, 并与最新的jQuery插件集成。它可以用于所有类型的Web应用程序, 例如自定义管理面板, 项目管理系统, 管理仪表板, 应用程序后端, CMS或CRM。 Inspinia软件包包括用于ReactJS Angular 2和Laravel 5的MVC5, .NET Core 1.0, AngularJS 1.5, 静态HTML, Ruby on Rail, 流星和种子Orihects。

请注意, React版本属于三个特殊的入门项目(ReactJS, Angular 2和Laravel 5)。将来, 所有三个框架都将拥有自己的完整版Inspinia。但是, 如果你不想等待完整版本, 而只是想跳到代码并开始使用最新技术开发应用程序, 则可以使用这三个特殊的入门项目。

Isomorphic

现场演示

Isomorphoc是一个基于react-redux的单页面管理仪表板。使用了渐进式Web应用程序模式, 针对你的下一个React应用程序进行了高度优化。

GoGo React

现场演示

GoGo React是每个人都想使用的管理主题, 因此在开发时, 设计是重中之重。它使用起来并不太复杂, 做得很好, 包含必须具有的组件并且看上去确实不错。借助组件和布局, 可以进行三种不同的应用程序设计。如果你要构建类似的东西, 它们是入门的好方法。开发团队为应用程序编写了一些额外的代码, 它们大部分由组件组成。你也可以使用自定义组件和布局来创建适合你需求的应用程序。

如果你知道另一个很棒的Premium ReactJS模板, 请在评论框中与社区共享。