MCPcopy Index your code
hub / github.com/bloomui/tokyo-free-white-nextjs-admin-dashboard

github.com/bloomui/tokyo-free-white-nextjs-admin-dashboard @v1.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.0 ↗ · + Follow
140 symbols 360 edges 79 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
<a href="https://bloomui.com" title="BloomUI.com">
    <img src="https://bloomui.s3.us-east-2.amazonaws.com/tokyo-logo.png" alt="Tokyo Free White Typescript Next.js Admin Dashboard">
</a>

Tokyo Free White Typescript Next.js Admin Dashboard

version license

Free Material-UI Next.js Typescript Dashboard Template with Dark Color Scheme

Tokyo Free White Next.js Typescript Dashboard is built using the latest industry standards and features a clean and premium design style, making use of colors and accents to improve the user experience for all included flows and pages.

It is powered by Next.js, Typescript and React and contains multiple components customized on top of Material-UI – which is one of the best UI components frameworks available.

We keep all dependencies updated to their latest stable versions. Each time we release an updated version you will be notified via the email you used to initially download the template.

To discover all the features that this free React admin template has to offer, we suggest visiting the live preview we’ve set up.

There is also a free Javascript version available, if that is what you prefer working with.


Updrade to PRO

The premium version of this template comes with a lot more components, features and options making it a very powerful friend in your development endeavors. You can download a copy of it from bloomui.com


Quick Start

  1. Make sure you have the latest stable versions for Node.js and NPM installed
  2. Clone repository: git clone https://github.com/bloomui/tokyo-free-white-nextjs-admin-dashboard.git
  3. Install dependencies: Run npm install inside the project folder
  4. Start dev server: After the install finishes, run yarn dev. A browser window will open on http://localhost:3000 where you''ll see the live preview

Technical Support

You can open a support ticket by sending an email here: <a href="mailto:support@bloomui.freshdesk.com" title="Open Support Ticket">
    support@bloomui.freshdesk.com
</a>

Extension points exported contracts — how you extend this code

TokyoAppProps (Interface)
(no doc)
pages/_app.tsx
ExpandMoreProps (Interface)
(no doc)
pages/components/cards/index.tsx
ScrollbarProps (Interface)
(no doc)
src/components/Scrollbar/index.tsx
BaseLayoutProps (Interface)
(no doc)
src/layouts/BaseLayout/index.tsx
Theme (Interface)
(no doc)
src/theme/base.ts
RecentOrdersTableProps (Interface)
(no doc)
src/content/Management/Transactions/RecentOrdersTable.tsx
CryptoOrder (Interface)
(no doc)
src/models/crypto_order.ts
TabPanelProps (Interface)
(no doc)
pages/components/tabs/index.tsx

Core symbols most depended-on inside this repo

stringAvatar
called by 3
pages/components/avatars/index.tsx
a11yProps
called by 3
pages/components/tabs/index.tsx
handleToggle
called by 3
src/content/Dashboards/Crypto/AccountSecurity.tsx
handleChange
called by 3
src/content/Applications/Messenger/TopBarContent.tsx
handleListItemClick
called by 2
pages/components/modals/index.tsx
calculateTimeLeft
called by 2
pages/status/coming-soon/index.tsx
createEmotionCache
called by 2
src/createEmotionCache.ts
handleDelete
called by 2
src/content/Management/Users/details/MyCards.tsx

Shape

Function 121
Interface 16
Class 2
Method 1

Languages

TypeScript100%

Modules by API surface

src/content/Management/Transactions/RecentOrdersTable.tsx11 symbols
pages/components/tabs/index.tsx5 symbols
pages/components/modals/index.tsx5 symbols
src/layouts/SidebarLayout/Header/Buttons/Search/index.tsx4 symbols
src/theme/base.ts3 symbols
src/layouts/SidebarLayout/Header/Userbox/index.tsx3 symbols
src/layouts/SidebarLayout/Header/Menu/index.tsx3 symbols
src/layouts/SidebarLayout/Header/Buttons/Notifications/index.tsx3 symbols
src/contexts/SidebarContext.tsx3 symbols
src/content/Management/Users/settings/SecurityTab.tsx3 symbols
src/content/Management/Users/details/MyCards.tsx3 symbols
src/content/Management/Transactions/BulkActions.tsx3 symbols

For agents

$ claude mcp add tokyo-free-white-nextjs-admin-dashboard \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page