We have 2 menu, that is Navbar and Sidebar. Navbar on top then sidebar on left/right. Navbar will stick on top while Sidebar usually have countless navigation and can be scrolled.

1. Material UI Dashboard

Create project, install @material-ui, copy paste the code from github example. DONE

2. Volt Bootstrap

This is full template include the content inside it.

https://github.com/themesberg/volt-react-dashboard

3. Next JS Material Dashboard

https://www.creative-tim.com/product/nextjs-material-dashboard?AFFILIATE=128200

this is full template using @material-ui, more advance than list number 1.

I love this template card. it has bubble inside it and the background is not gray like others.

5. Data Able

6. Notus : React Tailwind

Ok. We can find so many template of Admin Portal here. but what if I want is just sidebar and navbar only. There is a way to delete unused stuff from admin portal but the other problem is the pattern. Since reactjs don't have pattern. I wish it can be used as component only. given example :

<Portal 
navbar={}

sidebar={}>

    {children}
</Portal>

easy right? ok let's find more.

1. React pro sidebar

2. Semantic UI

3. Material Drawer

4. React burger menu

wow, this library has good animation

5. Chakra-ui Drawer

6. Kendo Drawer

7. Rc-Drawer

this sidebar has configuration from left or right.

Reference :

https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j