Fuse – React Redux fabric Design Admin Template

Fuse - React Redux fabric Design Admin Template - 1

Fuse - React Redux fabric Design Admin Template - 2

Fuse - React Redux fabric Design Admin Template - 3

Fuse - React Redux fabric Design Admin Template - 4

FUSE React

Fuse React written with the React Hooks (recent feature of react let you employ state and other React features without writing a lesson, course.

Fuse React is a total React admin template that follows Google’s fabric Design guidelines.

Fuse React admin template uses fabric 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 considerable kick starter for your project but it also is an extremely friendly set to memorize some of the advanced aspects of the React.

This is the React version of the famed, renowned Fuse Angular fabric admin template.

Fuse - React Redux fabric Design Admin Template - 5

Built With:

  • React
  • React Redux
  • fabric-UI Next
  • Tailwind
  • Create React App
  • React Router 4
  • Redux Thunk
  • fabric 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-attain
  • 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
    • contemporary
    • Compact
  • Maintenance Page
  • Profile Page
  • Search Pages
    • Classic
    • contemporary
  • 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 bar null contemporary browsers (Chrome, Firefox, Safari, Edge).

IE11 is not supported by default.


  • The built-in applications are for demonstration purposes. They may or may not gain 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. whether you gain any feature ideas that you want to see in the future updates, please let us know. We will attain our best to improve the theme based on your suggestions.


For your support requests, please employ our Support Ticket System. We will bag 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.5 (2019-11-20)
  fabric-ui updated to v4.6.1
  react updated to v16.12.0
  bar null dependency packages updated.
  FusePage layout components: Drawer closes whenever click on it.
v3.2.4 (2019-10-24)
  fabric-ui updated to v4.5.1
  react updated to 16.11.0
  bar null dependency packages updated.
  Fake-db delay option added for testing purposes (src/@fake-db/mock.js).
  E-Commerce App, shows FuseLoading component while product data is loading.
  Contacts App Contact Dialog Mobile refinement for scroll.
  Calendar App Native date input changed with DateTimePicker.
  FuseNavigation, dense attr added for densed variation.
  NavbarMobileToggleFab Button added for to display absence of the toolbar.
  react-select returns null despite of empty array, workaround applied for FuseChipSelect. the related issue
  Fix for Safari: Contacts App column filter input text is not visible.
  Fix for Firefox: ScrumboardApp scroll issue.
  suppressScrollX for the navigation at layout-1 for to fix showing horizontal scroll while fold.
  Calendar App recent Event, moment js deprecation warning - Not in a recognized ISO format
  Calendar App drag drop fix: the related issue
v3.2.3 (2019-09-09)
  fabric-ui updated to v4.4.1
  react updated to 16.9.0
  bar null 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 employ forwardRef with withRouter.
  scrollToTopOnRouteChange added to FuseScrollbars.
  Nested thing support added for useForm hook. 
(employ with attribute name="profile.username" value={form.profile.username})
  scrollToTopOnChildChange changed with scrollToTopOnRouteChange in FusePageCarded.
  Route component theme settings attain not applied whether the route is the entry path of the app.
v3.2.1 (2019-08-08)
  fabric-ui updated to v4.3.1
  tailwind config updated.
  bar null dependency packages updated.
  Some import paths optimized.
  HorizontalNavigation active highlighting added for group and collapse navigation items.
  FuseLayout attain 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)
  fabric-ui updated to v4.3.0
  tailwind config updated.
  bar null 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 fabric colors (shade values changed with hues for example: .bg-red-shaded to .bg-red-700)
v3.1.0 (2019-06-27)
  fabric-ui updated to v4.1.3
  react-gigantic-calendar updated to v0.22.0
  Await render while auto re-login on refresh or revisit of the authenticated user. It also solves additional redirection.
  bar null dependency packages updated.
v3.0.1 (2019-06-18)
  fabric-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
  bar null dependency packages updated.
v3.0.0 (2019-06-02)
  bar null of the code migrated to the hooks (recent feature of react let you employ state and other React features without writing a lesson, course.)
  fabric-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.
  bar null dependecy packages updated.
  Codebase improved.
  "createBrowserHistroy is not exported from history.js" error on windows environment(rare)
  react-loadable changed with React.suspense, React.inactive. bar null route configs updated with React.inactive
  classNames() replaced with clsx().
  We gain no longer support Internet Explorer by default. whether you still need it, you can install react-app-polyfill for to support.

Migrating to the recent 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 gain 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 bar null files loaded (esp css files).
  Theming issues (FuseCountdown, tables of bill pages).
v2.2.1 (2019-02-11)
  Dependency packages updated (react, fabric-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" additional 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 employ npm to install node_modules instead of yarn).
  FuseSearch did not camouflage auth protected navigation items.
v2.0.0 (2019-01-11)
  recent theme layout added (layout-3)
  Container layout mode created for layout-2 and layout-3."container" lesson, course 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)
  shaded-fabric-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 gain state to prevent restricted route component mount when unauthorized user redirects
  E-Commerce App, navigating product to recent 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 recent layout system.
  Theme configuration state moved from FuseTheme to redux store (fuse.settings).
Migrating to the recent 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 (fabric-ui etc).
  lost input variants added to Formsy Higher Order Components.
  FuseChipSelect variant styles fixed.
  FuseNavHorizontalItem lost exact prop added.
  E-Commerce App, navigating product to recent 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 (fabric-ui etc).
  FuseMessage relocated (position changed absolute to fixed).
  camouflage navbar button when navbar display set to improper 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 indicate dialog messages via redux action.
  Dependency packages updated (fabric-ui, react-redux etc).
  Layout-1 folded navigation broken in macOS safari browser.
v1.2.4 (2018-10-26)
  Dependency packages updated (React, fabric-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 whether the extension is enabled on Firefox
v1.2.2 (2018-10-09)
  Initial loading time reduced with code splitting(inactive 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
  fabric UI updated to v3.2.0
  Dependency packages updated.
v1.2.1 (2018-10-04)
  create-react-app updated to v2 
  fabric UI updated to v3.1.2 
  Navigation active item style option added for to employ square highlighting(veteran 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 recent 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 fabric Design's recent specs.
        + Icons replaced with outlined fabric icons,
        + Main Font Family changed to Muli
    Scrumboard App added.
    fabric UI updated to v3.1.1
    FuseChipSelect: "variant" attr added for to choose creatable or fixed multi choice.
    Dependency packages updated.
    @lodash path created to employ 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.
    fabric 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.
    fabric 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.
    fabric 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.
    fabric UI updated to v1.4.0
    Other Dependency packages updated.
v1.1.4 (2018-07-09)
    Todo App added.
    fabric UI updated to v1.3.1
    Other Dependency packages updated.
v1.1.3 (2018-06-28)
    fabric 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 additional 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 precisely.
    Dependency packages updated.
v1.1.0 (2018-06-06)
    Layout system enhanced.
    recent Horizontal Layout added (layout-2).
    react-poper added as dependency, its used for horizontal navigation
    fabric 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.
    whether you are storing the user data at database, veteran saved user settings will not work with this version.
    Page Layouts default scroll behaviour changed to singleScroll due to recent layout mechanism, additional innerScroll attribute also added.
    FuseSettings separated from the settings panel.
v1.0.5 (2018-05-29)
    fabric UI updated to v1.1.0
    Dependency packages updated.
    additional control added whether 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.
    fabric 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 indicate snackbar messages via redux action.
v1.0.3 (2018-05-16)
    fabric 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.
    lost .env .babelrc files added.
v1.0.1 (2018-05-10)
    bar null 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.

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



Related Articles

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker