Featured components
See the most popular Bootstrap and Material Design components in action and copy and paste the interesting parts into your own project.
Bootstrap Card
Demonstrates a basic Bootstrap Card with default header, title, image... more »
Material Card
Demonstrates a Material Card with an avatar, image, example content and... more »
Bootstrap Carousel
Demonstrates a Bootstrap Carousel with sample images and a Carousel with... more »
Bootstrap Datepicker
Demonstrates the ng-bootstrap Datepicker, which can be used inline or as... more »
Material Autocomplete
Demonstrates a simple and complex Angular Material autocomplete... more »
Bootstrap Typeahead
Demonstrates the ng-bootstrap Typeahead (also known as auto-complete).... more »
Material Accordion
Demonstrates the Material Expansion Panel as well as the Material... more »
Material Autocomplete
Demonstrates the Autocomplete (also known as typeahead). This demo has... more »
Bootstrap Table
An interactive demonstration of the different Bootstrap Table... more »
Material Table
Shows various uses of the Material Table and Paginator components, and... more »
Bootstrap Dropdown
Demonstrates various uses of the Bootstrap Dropdown component, including... more »
Material Tabs
A simple demonstration of Material Tabs. more »
Material Tabs with Routing
A simple layout that uses Material tabs with routing. Each tab links to... more »
Bootstrap Navs & Tabs
Shows various configurations of Bootstrap Nav component, powered by... more »
Material Chips
Shows the different Material Chip variants (basic, warning, selected,... more »
Bootstrap List group
Demonstrates various variants of the Bootstrap List group component,... more »
Material List
Demonstrates multiple uses of the Material List component, such as... more »
Material Menu
Bootstrap Alert
Demonstrates Bootstrap alert styles as well as how to toggle and dismiss... more »
Material Buttons
Demonstrates all button types and states of the Angular Material design... more »
Bootstrap Timepicker
An interactive demonstration of the possible ng-bootstrap Timepicker... more »
Material Stepper
Shows how to use a Material Stepper for creating a multi-step form. more »
Material Toolbar
Demonstrates a basic Material toolbar (inserted without further... more »
Bootstrap Checks and Radios
Demonstrates Bootstrap's cross-browser and cross-device checkboxes. This... more »
Bootstrap Collapse
The collapse component is used to show and hide content. This example... more »