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

github.com/bloomui/tokyo-free-white-react-admin-dashboard @v2.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v2.0 ↗ · + Follow
140 symbols 358 edges 76 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 React Admin Dashboard">
</a>

Tokyo Free White Typescript React Admin Dashboard

version license

Free React Typescript Admin Dashboard Template built with Material-UI

This free and open source admin dashboard template is built for React and it’s bootstrapped from Facebook’s create-react-app. All NPM dependencies are up to date and it contains multiple fully customized components based on the popular frontend components framework, Material-UI.

Tokyo Free White Typescript Dashboard features a nice classic light & clean design and color scheme.

You can customize the color scheme and style by editing a single variables files. This Typescript admin dashboard doesn’t use SCSS stylesheets but the more modern approach with styled-components.

We’ve included a few page examples for most used user flows that will give you a solid base for getting started with your new project’s development. With very light modifications you can even integrate Tokyo Free White Typescript Dashboard into existing projects giving them a much deserved makeover.


Updrade to PRO

If you're looking for more features like translations, complex user flows, redux examples and more, we recommend taking a look at the premium version (Tokyo White Typescript Dashboard) on 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-react-admin-dashboard.git
  3. Install dependencies: Run npm install inside the project folder
  4. Start dev server: After the install finishes, run npm run start. 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

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/applications/Transactions/RecentOrdersTable.tsx
CryptoOrder (Interface)
(no doc)
src/models/crypto_order.ts
LabelProps (Interface)
(no doc)
src/components/Label/index.tsx
SidebarLayoutProps (Interface)
(no doc)
src/layouts/SidebarLayout/index.tsx
ThemeOptions (Interface)
(no doc)
src/theme/base.ts

Core symbols most depended-on inside this repo

Loader
called by 19
src/router.tsx
handleChange
called by 3
src/content/applications/Messenger/TopBarContent.tsx
stringAvatar
called by 3
src/content/pages/Components/Avatars/index.tsx
a11yProps
called by 3
src/content/pages/Components/Tabs/index.tsx
handleToggle
called by 3
src/content/dashboards/Crypto/AccountSecurity.tsx
registerValidSW
called by 2
src/serviceWorker.ts
handleDelete
called by 2
src/content/applications/Users/profile/MyCards.tsx
handleListItemClick
called by 2
src/content/pages/Components/Modals/index.tsx

Shape

Function 126
Interface 14

Languages

TypeScript100%

Modules by API surface

src/content/applications/Transactions/RecentOrdersTable.tsx11 symbols
src/content/pages/Components/Tabs/index.tsx5 symbols
src/content/pages/Components/Modals/index.tsx5 symbols
src/serviceWorker.ts4 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/pages/Components/Forms/index.tsx3 symbols
src/content/pages/Components/Cards/index.tsx3 symbols

For agents

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

⬇ download graph artifact

Ask about this repo answers extend the page