Tokyo Free White Next.js Admin Dashboard is a free, MIT-licensed admin dashboard template for Next.js and TypeScript, built on Material-UI with a light color scheme, from BloomUI.
What is Tokyo Free White Next.js Admin Dashboard?
This is a free admin dashboard template developed by BloomUI. It uses Next.js, TypeScript, and React, with components customized on top of Material-UI (MUI v5). The template ships with a light color scheme and provides pre-built pages and components for building admin interfaces. It is available on GitHub and can be cloned via a git repository.
Key Features
- Next.js and TypeScript — Powered by the latest stable versions, enabling type safety and server-side rendering.
- Material-UI components — Includes components customized on top of MUI v5, one of the most popular React UI frameworks.
- Free and MIT licensed — The repository is public and can be used freely in personal and commercial projects.
- Light color scheme — Clean premium design with accent colors to improve user experience.
- Updated dependencies — All dependencies are kept at their latest stable versions; users receive email notifications when new versions launch.
- Live preview — A hosted live preview lets you explore the interface and pages before downloading.
- JavaScript version — A free JS variant exists for developers who prefer JavaScript over TypeScript.
Who is it for?
- React developers — Need a ready-made admin dashboard starter with TypeScript and Next.js.
- Startups and small teams — Want to ship an admin panel quickly without designing UI from scratch.
- Developers learning Next.js — Can study a real-world project combining Material-UI with Next.js and TypeScript.
What can you do with it?
- Build admin dashboards — Customize the template to create backends for web apps, including analytics, tables, forms, and more.
- Rapid prototyping — Use the pre-built pages to validate ideas quickly on a production-ready stack.
- Learn modern web development — Explore how TypeScript and Material-UI integrate with Next.js in a practical codebase.
How does it work?
After cloning the repository, install dependencies with npm install and start the dev server with yarn dev, which opens http://localhost:3000 in the browser. The quick start assumes you have the latest stable versions of Node.js and NPM installed.
Pricing
The template is completely free under the MIT license. BloomUI also offers a PRO version with additional components and features, available for purchase on bloomui.com.
FAQ
Is Tokyo Free White Next.js Admin Dashboard free?
Yes, the template is free and released under the MIT license. You can use it in personal and commercial projects. A PRO version with more features is available for purchase from BloomUI.
What technology does it use?
It uses Next.js (React framework) with TypeScript, and leverages Material-UI (MUI v5) for UI components. The styling utilizes Material-UI's theming system to achieve the light color scheme.
How do I run it locally?
Clone the repository, run npm install to install dependencies, then run yarn dev. The dev server will start at http://localhost:3000. Ensure you have the latest stable Node.js and NPM installed.
Is there a JavaScript version?
Yes, BloomUI provides a free JavaScript version of this template for developers who prefer JavaScript over TypeScript.
