git404hub

what is ngx-bootstrap fr?

valor-software/ngx-bootstrap — explained in plain English

Analysis updated 2026-06-26

5,525TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

tl;dr

Ready-made Bootstrap UI components for Angular apps, modals, tooltips, date pickers, carousels, and more, built natively for Angular so everything works together without conflicts.

vibe map

mindmap
  root((repo))
    What it does
      Angular UI components
      Replaces BS JavaScript
    Tech stack
      TypeScript
      Angular
      Bootstrap
    Components
      Modals
      Date pickers
      Tooltips
      Carousels
    Setup
      Install via npm
      Import modules

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Add a date picker, carousel, or modal dialog to your Angular app with a single HTML attribute or component tag.

VIBE 2

Replace Bootstrap's built-in JavaScript in an Angular project to avoid conflicts between the two frameworks.

VIBE 3

Build a form UI with dropdowns, accordions, tabs, and pagination controls that all feel visually consistent.

what's the stack?

TypeScriptAngularBootstrap

how it stacks up fr

valor-software/ngx-bootstrapvercel/ms21st-dev/1code
Stars5,5255,5275,522
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyeasymoderate
Complexity2/51/53/5
Audiencedeveloperdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · easy time til it works · 30min
Free to use in any personal or commercial project, just keep the copyright notice.

in plain english

ngx-bootstrap is a TypeScript library that brings Bootstrap interface components into Angular applications. Bootstrap is a widely used set of visual building blocks for websites, things like modals, tooltips, date pickers, carousels, and popovers. Normally Bootstrap ships with its own JavaScript to make those components interactive, but that JavaScript does not play well with Angular, which manages the page in its own way. ngx-bootstrap replaces that JavaScript with Angular-native code while keeping Bootstrap visual styles intact. The library supports both Bootstrap 3 and Bootstrap 4. You install it from npm, the standard JavaScript package registry, import whichever components your project needs, and add them to your Angular pages using HTML tags. The README includes short code examples for getting started, such as adding a tooltip to a button with a single attribute on the element. The component list covers the most common UI patterns: modals (popup dialogs), tooltips, dropdowns, accordion panels, tabs, date pickers, date range pickers, carousels for image slideshows, pagination controls, and popovers. Each component is imported individually, so you only include what your project actually uses. For developers who run into problems, the project points to StackOverflow as the main support channel, with a Slack community for less formal questions. The documentation and live demos are hosted at valor-software.com/ngx-bootstrap. The library is published under the MIT license, meaning it is free to use in personal and commercial projects. With over 5,500 GitHub stars it has been widely adopted in the Angular community, and it was created and is maintained by Valor Software.

prompts (copy fr)

prompt 1
Show me how to add an ngx-bootstrap tooltip to a button in an Angular component with the minimal setup required.
prompt 2
How do I install ngx-bootstrap in an Angular project and import only the modal and date picker modules?
prompt 3
I have a Bootstrap 4 project in Angular and need a date range picker. Walk me through setting up the ngx-bootstrap date range picker component.
prompt 4
Give me an Angular template using ngx-bootstrap that has a carousel with three images and a modal that opens when I click a button.

Frequently asked questions

what is ngx-bootstrap fr?

Ready-made Bootstrap UI components for Angular apps, modals, tooltips, date pickers, carousels, and more, built natively for Angular so everything works together without conflicts.

What language is ngx-bootstrap written in?

Mainly TypeScript. The stack also includes TypeScript, Angular, Bootstrap.

What license does ngx-bootstrap use?

Free to use in any personal or commercial project, just keep the copyright notice.

How hard is ngx-bootstrap to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is ngx-bootstrap for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.