Version 3.1

Tokyo React Typescript Admin Dashboard

High performance React template built with lots of powerful MUI (Material-UI) components across multiple product niches for fast & perfect apps development processes
Browse Live PreviewKey Features
MUI (Material-UI)
Powered by MUI (Material-UI) - A simple and customizable component library to build faster, beautiful, and accessible React apps.
Typescript
Built with Typescript - Tokyo features a modern technology stack and is built with React + Typescript.
Tokyo
7
Layout Blueprints
Version 3.1 represents our biggest Tokyo update. We've added a brand new layout with 100% reworked and improved components. Check out the live preview to see them in action.
View more components
Resources AlarmServer load snapshot from 13 minutes ago

Active Referrals
275
See referring domainswhich sent most traffic.
Unresolved Tickets

27

Previous Period
43
Transfers

$2,395

+51% more than last week
Thermostat
Set to auto-cooling
Cooling

24.5°

under 5 minutes
14 °
30 °


Fan Speed
Off

Timer
4 hours

Auto mode
On
Recent Transactions

  • $2499 paid by Randy Smith for Macbook PRO 16
    Completed Successfully

  • Horia S. is paying $399 for a Google Nest Thermostat
    Pending Payment

  • Poppy Freddy tried paying $199 for a Ring Smart Door Bell
    Payment Failed

  • Guest purchase of $999 made today in Electronics
    Completed Successfully
+10%
since last month
Appointments

678

Monthly Goals Target
This si your main goals target indicator
You have reached46%of your monthly target!
Account Security

  • 2FA Authentication
    Disabled

  • Phone Verification
    Active

  • Recovery Email
    Not completed
Performance

23

tasks created

5

tasks closed
500+
Multi-Purpose Components
With Tokyo you can build apps for any purpose, from commerce to health or learning. We’ve got you covered!
17
Dashboard Pages
Tokyo comes integrated with 13 dashboards split across multiple popular product niches:
6
Applications
Use these as standalone apps or included in a bigger project. You choose!

Includes redux state management, working forms with validation, working filtering and more

  • Jobs Platform
    API calls examples included
    View

  • Projects Board
    editable fields, drag & drop functionality
    View

  • Mailbox
    redux, tags & filtering
    View
  • File Manager
    file details drawer sidebar
    View

  • Messenger
    beautiful functional design
    View

  • Calendar
    working redux state management
    View
Management Section 1
Management Section 3
Management Section 2
7
Pre-Built
Management Sections
Integrated forms with validation, API calls examples, working filters and search functionality!

Key Features

Some of the features that make Tokyo one of the best admin templates available today

Beautiful design is little without performance.

We've built Tokyo using modern industry standards all packed under MUI (Material-UI) components.
  • 96+ Google Lighthouse performance score across all app pages.
  • Perfectly responsive. Go ahead, browse the live preview and resize any page.
  • Progressive Web App Optimized. You can view Tokyo offline on any screen size.
  • Google Lighthouse Best Practices and SEO scrores over 95 for all pages.
Tokyo Performance

Design Source Files

Start working on your project directly from one of the included starter kits or use the Figma/Sketch files to create a prototype first
Only available with certain pricing plans!
View Figma Preview
Figma Design Files
Figma Design Files
Complete with reusable components, all pages and sections are available in the Figma ecosystem.
Sketch Design Files
Sketch Design Files
Besid Figma files, Tokyo also has included Sketch design files for certain pricing plans.