Tokyo - React Admin Dashboard

High-performance React template built with lots of powerful MUI components across multiple product niches for fast & perfect apps development processes.

NextJS Version 💪

With the 2.5.0 release we've included a new product: Tokyo NextJS Admin Dashboard - two separate versions, one for Javascript and another for Typescript.

You can view a demo of Tokyo powered by Next.js with Typescript here and for Javascript here.

NextJS TypeScript version included only in Standard Plus and Extended License

Key features 💪

  • Built with MUI version 5.0.3
  • NextJS full integration
  • React Scripts (create-react-app tools)
  • JavaScript versions included in all pricing plans
  • TypeScript versions included only in Standard Plus and Extended License
  • Multiple layout templates
  • 13 niche dashboard pages
  • 6 applications demos
  • 6 layout blueprints
  • 7 management sections
  • 7 dark/light colors schemes
  • 130+ components
  • Right-To-Left Support
  • Fully Translation Ready Texts
  • Formik & YUP form validations
  • React Hooks, Context, Redux Toolkit
  • Backend ready, mocked API calls with Axios
  • Switch between multiple included auth methods
  • 96+ Google Lighthouse performance, best practices, and SEO scores across all app pages
  • Perfectly responsive. Browse the live preview and resize any page
  • Progressive Web App Optimized. You can view Tokyo offline on any screen size

Design files 🖼️

All pages from the live preview demo we've set up have design source files available.

Preview Design for Figma

⚠️  Figma & Sketch design source files included in Standard Plus and Extended License

Live preview pages 🖥️


Layout Blueprints



Extra Pages

Support tickets 📚

If you need help you can open a support ticket by sending an email to

Try the free version

We recently released as open-source a free version of Tokyo React Admin Dashboard with a minimal set of components. You can view a live demo here.

Download it here.


Free custom pages 😍

Based on our experience in developing applications user interfaces we chose popular niche areas for the dashboard pages, applications, and management sections. We understand that these might not be enough for your app's needs. That's why we are offering to build custom pages based on your needs if we feel that your requested page design might benefit multiple customers or if they aren't too specific to a particular product's niche.

All you have to do is email us at with a wireframe, prototype, or design for the requested pages. After our initial review, we will contact you and let you know if we'll be integrating your custom page in Tokyo React Admin Dashboard.

⚠️ Please note that we reserve the right to reject any or all custom page requests that are made for free custom pages.

Package type

Live Preview


  • Quality checked by MUI

  • 1 year of free updates
    6 months technical support

  • 100% money-back guarantee*

  • Supports the development of Material‑UI

Latest releaseOct 14, 2021
First releaseApr 7, 2021
CategoryAdmin & Dashboard
Questions?Contact author
Created byBloomUI