Example projects

Use any of these projects as a jump start for your project by opening it and then clicking the Fork call_split 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

Bootstrap 5 components

Angular 16 with ng-bootstrap 15

A demonstration of Bootstrap components, extensions and utilities that...  more »

Responsive Cards

Responsive Cards

Angular 16 with Angular Material

Uses a CSS grid to build a responsive layout with data-bound Material...  more »

Material Tabs and Navigation

Material Tabs and Navigation

Angular 16 with Angular Material

Uses Material Tabs together with routing and navigation.  more »

Material Forms with data-binding

Material Forms with data-binding

Angular 16 with Angular Material

Demonstrates data-binding with the most common Angular Material Forms...  more »

Material Stepper

Material Stepper

Angular 16 with Angular Material

Shows how to use a Material Stepper for creating a multi-step form.  more »

Header with search and dropdown menu

Header with search and dropdown menu

Angular 16 with ng-bootstrap 15

A responsive header with centered navigation, search box and a dropdown...  more »

Simple responsive header

Simple responsive header

Angular 16 with ng-bootstrap 15

A simple, responsive header with a centered navigation menu with router...  more »

Simple responsive header with logo

Simple responsive header with logo

Angular 16 with ng-bootstrap 15

A simple, responsive header with a logo, title and a flat navigation...  more »

Header with login buttons

Header with login buttons

Angular 16 with ng-bootstrap 15

A responsive header with a logo, login/sign-up buttons and a centered...  more »

Dark header with search and login

Dark header with search and login

Angular 16 with ng-bootstrap 15

A responsive, dark Bootstrap header with left aligned navigation menu,...  more »

Double header with search and login

Double header with search and login

Angular 16 with ng-bootstrap 15

A double header with a left aligned navigation, login/sign-up buttons...  more »

Double header with menu icons

Double header with menu icons

Angular 16 with ng-bootstrap 15

A double header with navigation icons, a search box and login/sign-up...  more »

Header with search and 2 dropdowns

Header with search and 2 dropdowns

Angular 16 with ng-bootstrap 15

A responsive header with search box and dropdown menu on both sides.  more »

Material Navigation

Material Navigation

Angular 16 with Angular Material

An example demonstrating the Angular Material Toolbar, Side navigation...  more »

Material Tables

Material Tables

Angular 16 with Angular Material

Shows different usages of the Material table and Paginator components.  more »

Material Tabs - basic

Material Tabs - basic

Angular 16 with Angular Material

A simple demonstration of Material Tabs.  more »

Material Autocomplete

Material Autocomplete

Angular 16 with Angular Material

Demonstrates a simple and complex Angular Material autocomplete...  more »

Holy Grail Layout - responsive

Holy Grail Layout - responsive

Angular 16 with Angular Material

A 3 column page layout, with side panels that grow to full width on...  more »

Holy Grail Layout with CSS Grid

Holy Grail Layout with CSS Grid

Angular 16 with Angular Material

A 3-column page layout purely built with CSS grid.  more »

Material Expansion Panel

Material Expansion Panel

Angular 16 with Angular Material

This example combines multiple expansion panels into an accordion,...  more »

Material Lists

Material Lists

Angular 16 with Angular Material

Demonstrates multiple applications of the Material List component, such...  more »