Bootstrap 4 & Angular 15 UI KIT - 700+ components, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools & resources. --- #### This content is for the previous 4th version of Bootstrap #### Newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product #### [>> Get 700+ material UI components, free hosting, super simple 1 minute installation & much more](https://mdbootstrap.com/docs/b5/angular/) --- # Get started ### [>> Get Started in 1 minute](https://mdbootstrap.com/docs/angular/getting-started/installation/) Simple installation via .zip, npm or cdnjs. ### [>> Install with MDBGO](https://mdbgo.com/) Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support. ### [>> Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/) One click setup! MDB GO allows you to create a WordPress page with a single click. Regardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page. ## About Material Design for Bootstrap 4 & Angular 15

Created by

Trusted by 2 000 000+ developers & designers. Used by companies & institutions like

500+ UI components
Super simple, 1 minute installation
Detailed docs & practical examples
Lots of tutorials
Huge and active community
MIT license - free for personal & commercial use

___ # Bootstrap 5 tutorial **[>> Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/bootstrap-5/)** **[>> Bootstrap 5 Tutorial](https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/)** **[>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap?sub_confirmation=1)**


Start learning from Basics	Learn Bootstrap 5 \| Crash Course for Beginners in 1.5H

--- # Demo #### Simplicity and ease of use are key features of MDB 4 Vue UI Kit. You need only one minute to install and run it. ### Buttons

Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

### Spinners

Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript.

### Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

### Footer

A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.

### Hover

MDB hover effect appears when the user positions the computer cursor over an element without activating it. Hover effects make a website more interactive.

### Notes

Notes are small components very helpful in inserting an additional piece of information.

--- # Extended documentation

	Stars	Issues	Version	Updated	Created
@angular/material	24,092	2,063	17.3.7	2 days ago	8 years ago
@ng-bootstrap/ng-bootstrap	8,150	389	16.0.0	5 months ago	8 years ago
angular-bootstrap-md	1,118	2	15.0.0	a year ago	7 years ago

@angular/material vs @ng-bootstrap/ng-bootstrap vs angular-bootstrap-md

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past