Find @material/react Top App Bar Examples and Templates

Use this online @material/react-top-app-bar playground to view and fork @material/react-top-app-bar example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

gleiderr/income

gleiderr/income

simple-react-router-v4-mdc

simple-react-router-v4-mdc

movieApp1

movieApp1 https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/tabs/SimpleTabs.js

learn-islam

learn-islam A platform to learn Islam

EqCalc.ml

income

02.1

material-components/material-components-web-react: roses

material-components/material-components-web-react: roses Material Components React Example Roses

simple-react-router-v4-mdc

simple-react-router-v4-mdc

Impact Nav Accordion - Adjusted

Impact Nav Accordion - Adjusted Contains all navigation elements, interacting. Now including Accordion on left. And with resized menu entries!

Impact Nav Accordion

Impact Nav Accordion Contains all navigation elements, interacting. Now including Accordion on left.

COFFEE

Impact Nav Accordion

Impact Nav Accordion Contains all navigation elements, interacting. Now including Accordion on left.

impact-nav-accordion

impact-nav-accordion Contains all navigation elements, interacting. Now including Accordion on left.

movieApp1

movieApp1 https://github.com/mui-org/material-ui/blob/master/docs/src/pages/demos/tabs/SimpleTabs.js

Left Nav Left Nav of new Impact site. Includes Top Header for the menu icon (hamburger).

Impact Nav Accordion - Adjusted (forked)

Impact Nav Accordion - Adjusted (forked)Contains all navigation elements, interacting. Now including Accordion on left. And with resized menu entries!

Impact Navigation Plus

Impact Navigation Plus Contains all navigation elements, interacting. Now including Drawers.

Find more examples or templates