Choose a UI library for your app

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

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

This starter template shows how to build a dashboard layout using Bootstrap List Groups, Cards and Tables. It has a navigation bar on the left with router links to placeholder pages.

This starter template demonstrates a task board layout with vertical subdivisions (better known as swimlanes). Each task lane shows a different collection of sample tasks initialized on the Tasks page.

This starter template has a responsive 3-column layout (see the Home page) and demonstrates many different Bootstrap components and utilities. Each section is constructed as a separate, reusable 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 Bootstrap Cards, List Groups, Tabs and Tables to create a helicopter view of activities.

A simple, responsive header with a logo, title and a flat navigation menu with router links. Based on the official Bootstrap examples.

A responsive header with centered navigation, search box and a dropdown menu with avatar. Based on the official Bootstrap examples.

A double header with navigation icons, a search box and login/sign-up buttons. Based on the official Bootstrap examples.

A responsive header with a logo, login/sign-up buttons and a centered navigation menu. Based on the official Bootstrap examples.

A responsive, dark Bootstrap header with left aligned navigation menu, search box and login/sign-up buttons. Based on the official Bootstrap examples.

A responsive header with search box and dropdown menu on both sides. Based on the official Bootstrap examples.

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.