https://github.com/shiburagi/minimalmui

A Material UI template for react js
https://github.com/shiburagi/minimalmui

admin-dashboard dark-theme html5 javascript light-theme material-design material-ui minimalist night-mode reacthooks reactjs

Last synced: 7 months ago
JSON representation

A Material UI template for react js

• Host: GitHub
• URL: https://github.com/shiburagi/minimalmui
• Owner: shiburagi
• Created: 2019-01-08T13:21:50.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-01-14T07:37:27.000Z (over 6 years ago)
• Last Synced: 2025-01-15T10:58:01.441Z (9 months ago)
• Topics: admin-dashboard, dark-theme, html5, javascript, light-theme, material-design, material-ui, minimalist, night-mode, reacthooks, reactjs
• Language: JavaScript
• Homepage: https://shiburagi.github.io/MinimalMUI/
• Size: 28.6 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# MinimalMUI

### Current Design

- Light Mode: 

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot1.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot3.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot5.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot7.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot9.png?raw=true)

- Night Mode: 

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot2.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot4.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot6.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot8.png?raw=true)

![alt text](https://github.com/shiburagi/MinimalMUI/blob/master/preview/images/shot10.png?raw=true)

### UI/UX Framework

- [MATERIAL-UI](https://material-ui.com/)

### Inspiration

- [Dashboard Page - (Freebie - Dashboard Design With Adobe XD)](https://www.uplabs.com/posts/dashboard-design-with-adobe-xd-freebie)

- [Footer - (Basic Footer (animated))](https://www.uplabs.com/posts/basic-footer-animated)

- [Credit Card - (My Wallets Expenses)](https://www.uplabs.com/posts/my-wallets-expenses)

### Photo

- https://www.pexels.com/photo/man-wearing-eyeglasses-839586/

- https://www.pexels.com/photo/bokeh-night-lights-city-9044/

### File Structure

```

├── package.json

├── public

|  ├── 404.html

|  ├── favicon.ico

|  ├── index.html

|  └── manifest.json

└── src

   ├── App.js

   ├── actions

   |  └── index.js

   ├── assets

   |  ├── css

   |  |  └── index.css

   |  ├── img

   |  |  ├── banner1.jpg

   |  |  └── user1.jpg

   |  ├── jss

   |  |  ├── components

   |  |  |  ├── headerStyle.js

   |  |  |  └── sidebarStyle.js

   |  |  ├── index.js

   |  |  └── layouts

   |  |     └── dashboardStyle.js

   |  ├── svg

   |  |  ├── amex.svg

   |  |  ├── mastercard.svg

   |  |  └── visa.svg

   |  └── theme

   |     └── default.js

   ├── components

   |  ├── Card

   |  |  ├── Card.jsx

   |  |  └── CreditCard.jsx

   |  ├── Chart

   |  |  └── SquareBar.jsx

   |  ├── Footer

   |  |  └── Footer.jsx

   |  ├── Header

   |  |  └── Header.jsx

   |  ├── Loader

   |  |  └── Loader.jsx

   |  ├── Sidebar

   |  |  └── Sidebar.jsx

   |  ├── Snackbar

   |  |  └── SnackbarContent.jsx

   |  ├── Table

   |  |  └── Table.jsx

   |  └── Tabs

   |     └── Tabs.jsx

   ├── index.js

   ├── layouts

   |  └── Dashboard

   |     └── Dashboard.jsx

   ├── redux

   |  └── environmentState.js

   ├── routes

   |  ├── dashboard.js

   |  ├── index.js

   |  └── utils.js

   ├── serviceWorker.js

   └── views

      ├── Components

      |  ├── Buttons.jsx

      |  ├── Components.jsx

      |  ├── FilledTextFields.jsx

      |  ├── OutlinedTextFields.jsx

      |  ├── Text.jsx

      |  └── TextFields.jsx

      ├── Customize

      |  └── Customize.js

      ├── Dashboard

      |  └── Dashboard.jsx

      ├── Icon

      |  └── Icon.jsx

      ├── Map

      |  └── Map.jsx

      ├── Notification

      |  └── Notification.jsx

      ├── Profile

      |  └── Profile.jsx

      └── Typography

         └── Typography.jsx

```