Tokyo - React Admin Dashboard UI Kit (Next.js & CRA)

Next.js & Create-React-App

Tokyo Admin Dashboard comes with 4 separate variants included:

1. Next.js TypeScript - View live preview
2. Next.js JavaScript - View live preview
3. React CRA (Create-React-App) TypeScript - View live preview
4. React CRA (Create-React-App) JavaScript - View live preview

TypeScript versions included only in Standard Plus and Extended License

Key features

• Built with Material UI v5.8.2
• Next.js full integration
• React Scripts (create-react-app tools)
• JavaScript versions included in all pricing plans
• TypeScript versions included in Standard Plus and Extended License
• Multiple layout templates
• 17 niche dashboard pages
• 6 applications demos
• 7 layout blueprints
• 7 management sections
• 6 dark/light color schemes
• 500+ React components
• Right-To-Left Support
• Fully Translation Ready Texts
• Formik & YUP form validations
• React Hooks, Context, Redux Toolkit
• Backend-ready mocked API calls
• Multiple Auth methods included (JWT Web Tokens, Firebase, Amplify, Auth0)
• 96+ Google Lighthouse performance, best practices, and SEO scores across all app pages
• Perfectly responsive. Browse the live preview and resize any page
• PWA Optimised

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

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.