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 🖥️

Dashboards

• Automation
• Analytics
• Banking
• Commerce
• Crypto
• Finance
• Fitness
• Doctor Overview
• Hospital Overview
• Helpdesk
• Learning
• Monitoring
• Tasks

Layout Blueprints

• Accent Header
• Accent Sidebar
• Boxed Sidebar
• Collapsed Sidebar
• Bottom Navigation
• Top Navigation

Applications

• Calendar
• File Manager
• Jobs Platform
• Mailbox
• Messenger
• Projects Board

Management

• Users - List All
• Users - Single Profile
• Projects
• Commerce - Shop Page
• Commerce - Products List
• Commerce - Single Product
• Commerce - Create Product
• Invoices - List all
• Invoices - View Single

Extra Pages

• Login - Basic
• Login - Cover
• Register - Basic
• Register - Cover
• Register - Wizard
• Recover Password
• Status - Error 404
• Status - Error 500
• Status - Maintenance
• Status - Coming Soon

Support tickets 📚

If you need help you can open a support ticket by sending an email to support@bloomui.freshdesk.com.

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 support@bloomui.freshdesk.com 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.