Create a new Material Design app

Start from scratch and add all components, layouts or design fragments yourself.

This starter template shows how to build a dashboard layout (see the Home page) using Material Cards. The side navigation is built with multiple Navigation Lists with router links to placeholder pages.

This starter template demonstrates a task board layout with vertical subdivisions (better known as swimlanes). Each task lane, which is a list of Material Cards, shows a different collection of sample tasks.

This starter template has 3-column layout (see the Home page) and demonstrates different uses of the Material Design List component, as well as an inline Calendar. Each section is constructed as a separate, reusable component that is initialized with sample data by the Home page component.

This starter template has a full-height sidebar and no header to free up as much space as possible for content. The Dashboard page demonstrates the use of Cards, a Tab Group and Tables to create a helicopter view of activities.

A simple layout that uses Material tabs with routing. Each tab links to different page that is shown in the associated Tab navigation panel.

An example demonstrating the Angular Material Toolbar, Side navigation and routing. The navigation can be toggled using the menu button in the toolbar. To side navigation behavior can be changed using the Sidenav's "mode" and "opened" properties.