Fuse — React Redux Material Design Admin Template

28.00 $

Категории: ,


FUSE React

Fuse React written with the react hooks (New feature of react let you use state and other React features without writing a class.

Fuse React is a complete React admin template that follows Google’s Material Design guidelines.

Fuse React admin template uses Material UI as a primary UI library while using Redux for the state management.

It has built-in page templates, routing and auth features. It also includes 5 example apps, 20+ pages, lots of reusable react components and more.

Fuse React admin template is not only a great kick starter for your project but it also is an extremely good place to learn some of the advanced aspects of the React.

This is the React version of the famous Fuse Angular Material admin template.

Fuse - React Redux Material Design Admin Template - 1

Fuse - React Redux Material Design Admin Template - 2

Fuse - React Redux Material Design Admin Template - 3

Fuse - React Redux Material Design Admin Template - 4

Fuse - React Redux Material Design Admin Template - 5

Built With:

  • React
  • React Redux
  • Material-UI Next
  • Tailwind
  • Create React App
  • React Router 4
  • Redux Thunk
  • Material Icons
  • Roboto typeface family by Google
  • React Table
  • Formsy React
  • Google Map React
  • React ChartJs 2

Package Content:

  • Fuse React Template Demo Project (Fuse-React-vX.X.X-demo.zip)
  • Fuse React Template Skeleton Project (Fuse-React-vX.X.X-skeleton.zip)
  • Layered and well organized psds of the project design (PSDs.zip)
  • Documentation file (Fuse-React-Documentation.pdf)

Built-in Applications

  • Analytics Dashboard
  • Project Dashboard
  • Calendar
  • To-Do
  • E-Commerce
  • Mail
  • File Manager
  • Contacts
  • Chat
  • Scrumboard
  • Academy
  • Notes


  • Authentication Pages
    • Login
    • Login v2
    • Register
    • Register v2
    • Forgot Password
    • Forgot Password v2
    • Reset Password
    • Reset Password v2
    • Lock Screen
    • Mail Confirmation
  • Coming Soon Page
  • Error Pages
    • 404
    • 500
  • Invoices
    • Modern
    • Compact
  • Maintenance Page
  • Profile Page
  • Search Pages
    • Classic
    • Modern
  • Pricing Page
  • FAQ Page
  • Knowledge Base Page

Configurable Template Layouts

  • Left/Right Vertical Navigation
  • Horizontal Navigation
  • Folded Navigation
  • Above/Below Toolbar
  • Above/Below Footer


  • JWT Authentication
  • Auth0 Authentication
  • Firebase Authentication

Other Features

  • Skeleton Project
  • Code Splitting
  • Authorization
  • Custom color management
  • 20+ content layouts


Fuse React supports all modern browsers (Chrome, Firefox, Safari, Edge).

IE11 is partially supported.


  • The built-in applications are for demonstration purposes. They may or may not have full functionality.
  • Fuse React is an React template, it’s designed to work as a separate app. It’s not a traditional HTML template.


We are open to any kind of suggestions. If you have any feature ideas that you want to see in the future updates, please let us know. We will do our best to improve the theme based on your suggestions.


For your support requests, please use our Support Ticket System. We will get back to you within 48 hours in working days. Your request will be queued so please be patient and give us as much information as possible so we can quickly address and find a solution to your issue.

Support requests made via item comments, social networks and via any other media will not be answered so please open a support ticket in our support system.


v3.2.3 (2019-09-09)
  material-ui updated to v4.4.1
  react updated to 16.9.0
  All dependency packages updated.
  FuseChipSelectFormsy Component added.
  Default FuseSuspense loading delay changed to 0.
  FuseHorizontalNav items minor theming issues.
  Minor fixes for dependency updates.
v3.2.2 (2019-08-09)
  withRouterAndRef hoc added for use forwardRef with withRouter.
  scrollToTopOnRouteChange added to FuseScrollbars.
  Nested Object support added for useForm hook. 
(use with attribute name="profile.username" value={form.profile.username})
  scrollToTopOnChildChange changed with scrollToTopOnRouteChange in FusePageCarded.
  Route component theme settings do not applied if the route is the entry path of the app.
v3.2.1 (2019-08-08)
  material-ui updated to v4.3.1
  tailwind config updated.
  All dependency packages updated.
  Some import paths optimized.
  HorizontalNavigation active highlighting added for group and collapse navigation items.
  FuseLayout do not hold render until settings at the redux state is updated. This causes multiple mount of the route component which has different layout settings.
  Layout style issues due to browser updates.
  Removal of event listeners in FuseScrollbars (@stephankaag).
v3.2.0 (2019-07-31)
  material-ui updated to v4.3.0
  tailwind config updated.
  All dependency packages updated.
  Academy App is not scroll correctly when the theme footer is static.
  Scrumboard App list name form not works.
  tailwindcss colors matched with material colors (shade values changed with hues for example: .bg-red-dark to .bg-red-700)
v3.1.0 (2019-06-27)
  material-ui updated to v4.1.3
  react-big-calendar updated to v0.22.0
  Await render while auto re-login on refresh or revisit of the authenticated user. It also solves extra redirection.
  All dependency packages updated.
v3.0.1 (2019-06-18)
  material-ui updated to v4.1.1
  react-redux updated to v7.1.0
  react-router updated to v5.0.1
  tailwindcss updated to v1.0.4
  All dependency packages updated.
v3.0.0 (2019-06-02)
  All of the code migrated to the hooks (New feature of react let you use state and other React features without writing a class.)
  material-ui updated to v4
  react-scripts updated to v3
  react-redux updated to v7.1 (for hooks support)
  tailwindcss updated to v1.0.2
  user.role can be array to assign multiple permission roles. For details checkout FuseAuthorization Docs.
  All dependecy packages updated.
  Codebase improved.
  "createBrowserHistroy is not exported from history.js" error on windows environment(rare)
  react-loadable changed with React.suspense, React.lazy. All route configs updated with React.lazy
  classNames() replaced with clsx().
  We have no longer support Internet Explorer by default. If you still need it, you can install react-app-polyfill for to support.

Migrating to the new major version (v3.0.0) can be difficult because of the hooks support and major dependency releases.
v2.2.5 (2019-03-25)
  Dependency packages updated (react v16.8.5, react-router v5 etc).
  Mail, Todo apps route configs updated.
  Changelog page design updated.
  Minor text color refinement.
v2.2.4 (2019-03-06)
  Dependency packages updated (react v16.8.4 etc).
  setRef prop added to FuseAnimate.
  whitelist added to purgecss config for to prevent removing dynamically created navigation classes.
  Layout issues on safari <= v10
v2.2.3 (2019-02-27)
  Dependency packages updated (react v16.8.3 etc).
  purgecss added to decrease file size of the production build.
  Fuse vertical navigation collapse items don’t have to be collapsed whenever navigation updated or location path changed.
  src/styles/fuse-helpers.css renamed with src/styles/tailwind.css 
  src/styles/fuse-helpers.tailwind.css renamed with src/styles/tailwind.base.css
v2.2.2 (2019-02-18)
  Dependency packages updated (react v16.8.1, react-scripts etc).
  PSD files updated.
  Rendering Dom in "window.onload" function to wait all files loaded (esp css files).
  Theming issues (FuseCountdown, tables of Invoice pages).
v2.2.1 (2019-02-11)
  Dependency packages updated (react, material-ui etc).
  FuseNavigation update,remove,append,prepend actions created, documentation page is updated.
  react-chartjs-2-defaults.js file created.
  react, react-dom are added to resolutions to prevent loading two versions of the react. + the issue's main reason is auth0-lock uses react as dependency not peerDependency and they don't change it with kinda valid reason (https://github.com/auth0/lock/issues/1148#issuecomment-336765301).
  Calendar App Header updating issue fixed.
v2.2.0 (2019-02-03)
  Project Dashboard App added.
  External Link Item added to FuseNavigation (type:'link').
  "metecons" extra icon fonts added.
  Dependency packages updated.
v2.1.0 (2019-01-22)
  Notes App Added.
  Dependency packages updated.
  dir-glob error is fixed with globby 8.0.2 via locking it's version. (This error only occurs when you use npm to install node_modules instead of yarn).
  FuseSearch did not hide auth protected navigation items.
v2.0.0 (2019-01-11)
  New theme layout added (layout-3)
  Container layout mode created for layout-2 and layout-3."container" class added to relevant places.
  FuseSidePanel created and used in layout-3.
  FuseNavigation: dense variant added for horizontal layout only.
  FuseShortcuts: vertical variant added.
  FuseSearch: basic variant added (checkout layout-3)
  dark-material-bg.jpg changed to gradient background.
  IconsUI page refined.
  Generating source map disabled by default on production build.
  Navigation data refactored on the demo.
  Documentation updated.
  Dependency packages updated.
  Codebase improvements.
  Some IE fixes.
  FuseAuthorization must have state to prevent restricted route component mount when unauthorized user redirects
  E-Commerce App, navigating product to new product didn't update the form state.
  Authentication timing issues fixed.
  Theme layouts moved out of the @fuse core files which gives developers to create or edit theme layouts easily.
  Project structure changed after new layout system.
  Theme configuration state moved from FuseTheme to redux store (fuse.settings).
Migrating to the new major version (v2.0.0) can be difficult because of the project structure and layout system changes.
v1.2.8 (2018-11-28)
  Academy App added.
  FuseSearch Component added (located at the main toolbar and searches in the navigation).
  FuseChipSelect documentation page added.
  Dependency packages updated (Material-ui etc).
  Missing input variants added to Formsy Higher Order Components.
  FuseChipSelect variant styles fixed.
  FuseNavHorizontalItem missing exact prop added.
  E-Commerce App, navigating product to new product didn't update the form state.
  Authentication timing issues fixed.
v1.2.7 (2018-11-18)
  JWT support added to Regular Authentication.
  FuseMessage variations added (error, success, alert, info).
  Dependency packages updated (Material-ui etc).
  FuseMessage relocated (position changed absolute to fixed).
  Hide navbar button when navbar display set to false on mobile.
  Layout-1 folded navigation mobile fix.
  react-router-config react-router-dom versions matched.
  tabs style fix for tabbed page layouts.
v1.2.6 (2018-11-07)
  Theme Layout-1 Mobile fix (its correction after v1.2.5)
v1.2.5 (2018-11-06)
  FuseDialog Component added to theme layout for easily show dialog messages via redux action.
  Dependency packages updated (Material-ui, react-redux etc).
  Layout-1 folded navigation broken in macOS safari browser.
v1.2.4 (2018-10-26)
  Dependency packages updated (React, Material-ui etc)..
v1.2.3 (2018-10-14)
  Dependency packages updated (Redux etc).
  Redux developer tools disabled on production.
  Redux Developer Tools Extension fix: problem occurs if the extension is enabled on Firefox
v1.2.2 (2018-10-09)
  Initial loading time reduced with code splitting(lazy loading) components and also reducers
  redux-loadable library added
  FuseLoadable component created for to avoid repetition
  webpack-bundle-analyzer package added to devDependencies for to analyze build
  Material UI updated to v3.2.0
  Dependency packages updated.
v1.2.1 (2018-10-04)
  create-react-app updated to v2 
  Material UI updated to v3.1.2 
  Navigation active item style option added for to use square highlighting(old style). 
  Dependency packages updated. 
  E-commerce App data/assets updated. 
  Synthetically trigger event onChange for higher-order components of formsy. 
  Edge, Ie font icon ligature fix.
Short summary of what’s new in create-react-app v2 from: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html
v1.2.0 (2018-09-25)
    The design is modernized with Google Material Design's new specs.
        + Icons replaced with outlined material icons,
        + Main Font Family changed to Muli
    Scrumboard App added.
    Material UI updated to v3.1.1
    FuseChipSelect: "variant" attr added for to choose creatable or fixed multi selection.
    Dependency packages updated.
    @lodash path created to use lodash's mixins.
    Webkit scrollbar styles added.
    Auth Services(Auth0, Firebase) are revised for to easily disable.
    Various mobile device refinements applied.
    Cleaner approach for Mail App.
v1.1.8 (2018-09-08)
    E-commerce App added.
    FuseChipSelect Component added.
    Material UI updated to v3.0.2
    Dependency packages updated.
v1.1.7 (2018-08-27)
    FuseSplashScreen added.
    firebaseService and auth0Service created, Auth component added as entry point for authentication.
    Login, register pages updated due to adding Auth0 authentication.
    404 page redirection added to the routes.
    Material UI updated to v1.5.1
    Dependency packages updated.
    FirebaseAuth Component removed, using Auth component instead.
v1.1.6 (2018-08-12)
    Chat App added.
    Material UI updated to v1.4.3
    Dependency packages updated.
v1.1.5 (2018-07-18)
    Chat Panel added.
    LeftSidePanel RightSidePanel Layout areas added.
    Navbar style refined.
    Material UI updated to v1.4.0
    Other Dependency packages updated.
v1.1.4 (2018-07-09)
    Todo App added.
    Material UI updated to v1.3.1
    Other Dependency packages updated.
v1.1.3 (2018-06-28)
    Material UI updated to v1.3.0
    Dependency packages updated.
v1.1.2 (2018-06-18)
    Changing default settings with route params.
    Dependency packages updated.
    FuseAnimate, FuseAnimateGroup inject error.
    Folded Navigation extra space fixed between 960px and 1280px of window width.
v1.1.1 (2018-06-10)
    velocity-react added as dependency, its used for fuseAnimation
    FuseAnimation FuseAnimationGroup created for easily animate components and applied most of the pages.
    exact property option added to navigation item for matching location exactly.
    Dependency packages updated.
v1.1.0 (2018-06-06)
    Layout system enhanced.
    New Horizontal Layout added (layout-2).
    react-poper added as dependency, its used for horizontal navigation
    Material UI updated to v1.2.0
    Dependency packages updated.
    Dialog form of Contacts App and Calendar App fixed due to React 16.4.0 bugfix for getDeriveredStateFromProps
    Actions and reducers of fuse navigation fixed.
    Layout and Theme settings data structure changed.
    If you are storing the user data at database, old saved user settings will not work with this version.
    Page Layouts default scroll behaviour changed to singleScroll due to new layout mechanism, additional innerScroll attribute also added.
    FuseSettings separated from the settings panel.
v1.0.5 (2018-05-29)
    Material UI updated to v1.1.0
    Dependency packages updated.
    Extra control added if user.data exist in Firebase Db
    Navigation Collapse fixed due to React 16.4.0 bugfix for getDeriveredStateFromProps
v1.0.4 (2018-05-22)
    FuseAuth renamed with FuseAuthorization
    Shortcuts data storage moved under the user.data.
    Material UI updated to v1.0.0
    Firebase integration added as an example for authentication (Also saves user data to firebase/db).
    Register Page Created for Firebase.
    FuseMessage Component added to theme layout for easily show snackbar messages via redux action.
v1.0.3 (2018-05-16)
    Material UI updated to v1.0.0-rc.0
    Checkout the breaking changes
    google-map-react updated.
v1.0.2 (2018-05-12)
    Tailwind error on windows.
    missing .env .babelrc files added.
v1.0.1 (2018-05-10)
    All dependencies updated.
    cross-env library added for absolute path across platforms.
v1.0.0 (2018-04-21)
    Initial Release

Click here to access the Online Changelog.

All the images in the demo are for demonstration purposes only and are not included into the theme package.