Example projects
Use any of these projects as a jump start for your project by opening it and then clicking the Fork button. If you only are only interested in parts of an example, you can also open the example project and your own project in different windows and copy-paste elements from the example project to your own project.
Bootstrap 5 components
A demonstration of Bootstrap components, extensions and utilities that... more »
Responsive Cards
Uses a CSS grid to build a responsive layout with data-bound Material... more »
Material Tabs and Navigation
Uses Material Tabs together with routing and navigation. more »
Material Forms with data-binding
Demonstrates data-binding with the most common Angular Material Forms... more »
Material Stepper
Shows how to use a Material Stepper for creating a multi-step form. more »
Header with search and dropdown menu
A responsive header with centered navigation, search box and a dropdown... more »
Simple responsive header
A simple, responsive header with a centered navigation menu with router... more »
Simple responsive header with logo
A simple, responsive header with a logo, title and a flat navigation... more »
Header with login buttons
A responsive header with a logo, login/sign-up buttons and a centered... more »
Dark header with search and login
A responsive, dark Bootstrap header with left aligned navigation menu,... more »
Double header with search and login
A double header with a left aligned navigation, login/sign-up buttons... more »
Double header with menu icons
A double header with navigation icons, a search box and login/sign-up... more »
Header with search and 2 dropdowns
A responsive header with search box and dropdown menu on both sides. more »
Material Navigation
An example demonstrating the Angular Material Toolbar, Side navigation... more »
Material Tables
Shows different usages of the Material table and Paginator components. more »
Material Tabs - basic
A simple demonstration of Material Tabs. more »
Material Autocomplete
Demonstrates a simple and complex Angular Material autocomplete... more »
Holy Grail Layout - responsive
A 3 column page layout, with side panels that grow to full width on... more »
Holy Grail Layout with CSS Grid
A 3-column page layout purely built with CSS grid. more »
Material Expansion Panel
This example combines multiple expansion panels into an accordion,... more »
Material Lists
Demonstrates multiple applications of the Material List component, such... more »