Ng Bootstrap screenshot

Ng Bootstrap

Author Avatar Theme by Ng bootstrap
Updated: 22 Apr 2025
8244 Stars

Angular powered Bootstrap

Categories

Overview:

NG Bootstrap is a collection of Angular-powered Bootstrap widgets, built using only Bootstrap 5 CSS. These widgets come with APIs tailored for the Angular ecosystem, offering seamless integration and functionality within Angular applications.

Features:

  • Angular-Powered: Widgets are designed specifically for use within Angular applications.
  • Bootstrap 5 CSS: Utilizes the latest Bootstrap design elements and styles.
  • Peer Dependencies: Relies on Angular and Popper as peer dependencies for seamless integration.

Installation:

To set up NG Bootstrap in your Angular project, it is recommended to use Angular CLI. Run the following command to add NG Bootstrap to your default application:

ng add @ng-bootstrap/ng-bootstrap

For projects with multiple applications, specify the target application using the --project option. Manual installation instructions are also available on the NG Bootstrap website.

Summary:

NG Bootstrap offers a comprehensive collection of Angular-powered Bootstrap widgets, providing a seamless integration of Bootstrap 5 CSS within Angular applications. With a focus on peer dependencies such as Angular and Popper, NG Bootstrap ensures compatibility and smooth functionality for developers working in the Angular ecosystem.