Responsive navigation drawer with Material

An example using Material Components for the Web that changes the navigation drawer layout based on screen width

This simple website template uses Material Components to implement a permanent navigation drawer for screen widths >900px, and a modal drawer for screen widths <900px. Check it out by resizing the width of your browser window!

Read more about the Material Design responsive layout grid.

Run this project

1. From the root directory, run:

npm install
npm start

2. Point your browser to http://localhost:8080/

Interested in learning more?

Check out the Material Components for the Web documentation to add more components and styling.

Read the full Getting Started guide

Material Theming

Built with Material Starter Kit a file template to get you up and running with Material Components for the Web. Remix it and start theming.