Version 1.0.0

Tokyo White NextJS Admin Dashboard

Production-ready updated admin dashboard powered by React and Material-UI built on NextJS features hundreds of components and examples that will help you build faster and better apps.
Browse Live PreviewKey Features
NextJS
Built with Next.js - Next.js gives you the best developer experience with all the features you need for production.
Material-UI
Powered by Material-UI - A simple and customizable component library to build faster, beautiful, andaccessible React apps.
Typescript
Built with Typescript - Tokyo features a modern technology stack and is built with React + Typescript.
Tokyo
6
Layout Blueprints
A lot of cool features have been added in version 2.5. One of those features is the option to use any of the 6 layout blueprints included. 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

$2395

+51% more than last week
BTC
Bitcoin
BTC

$56,475.99

+12.5%
+$500
last 24h
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
You have reached 68% of your monthly target!
Account Security

  • 2FA Authentication
    Disabled

  • Phone Verification
    Active

  • Recovery Email
    Not completed
Performance

23

tasks created

5

tasks closed
130+
Multi-Purpose Components
With Tokyo you can build apps for any purpose, from commerce to health or learning. We’ve got you covered!
13
Dashboard Pages
Tokyo comes integrated with 13 dashboards split across multiple popular product niches:
4
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
  • Messenger
    beautiful functional design
    View
  • File Manager
    file details drawer sidebar
    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

Blazing-Fast Performance

Beautiful design is nothing with performance.
We've built Tokyo using modern industry standards all packed under 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
Tokyo contains Figma + Sketch design files for certain pricing plans. Should we develop the Adobe XD variant, next?