explaingit

angular-ui/bootstrap

14,177JavaScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

Ready-made UI components like modals, date pickers, and tooltips for AngularJS apps, built without jQuery. No longer maintained, the team moved to ng-bootstrap for modern Angular.

Mindmap

mindmap
  root((angular-ui/bootstrap))
    What it does
      Bootstrap UI for AngularJS
      No jQuery required
      20KB compressed
    Components
      Modals
      Date pickers
      Tooltips
      Accordions
    Status
      Feature-complete
      No longer maintained
      Migrate to ng-bootstrap
    Audience
      AngularJS developers
      Legacy app maintainers
Click or tap to explore — scroll the page freely

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

Things people build with this

USE CASE 1

Add Bootstrap modal dialogs, date pickers, or tooltips to an existing AngularJS 1.x application without jQuery

USE CASE 2

Replace jQuery-dependent Bootstrap JavaScript components with pure AngularJS equivalents in a legacy codebase

USE CASE 3

Import only the specific UI components you need, such as just the accordion or calendar, using Webpack to keep bundle size small

Tech stack

JavaScriptAngularJSBootstrapnpmBowerWebpackJSPM

Getting it running

Difficulty · easy Time to first run · 30min

Library is no longer maintained, for new projects use ng-bootstrap which targets modern Angular instead of AngularJS 1.x.

License terms not specified in the explanation.

In plain English

UI Bootstrap is a set of ready-made interface pieces for AngularJS, an older web framework from Google. Bootstrap is a popular collection of styles and components for building website layouts, things like modal pop-ups, date pickers, carousels, tooltips, and accordions. This project rebuilds those components so they work the AngularJS way, written purely in AngularJS code without needing jQuery or Bootstrap's own JavaScript. The description notes a small size, around 20 kilobytes when compressed. The most important part of the README is the project status at the top. The maintainers state that the library is feature-complete and no longer maintained. They explain that Angular, the newer version of the framework, kept growing in popularity, and they moved their effort to a separate library called ng-bootstrap built for that newer Angular. They thank past contributors and treat this project as finished rather than actively developed. For a reader deciding whether to use it, that status is the key takeaway: it still works but will not receive new updates. The rest of the README is practical setup information. It lists what the library needs, namely AngularJS itself and Bootstrap's CSS, plus optional AngularJS add-ons for animations and swipe gestures. It spells out which versions of Angular and Bootstrap each release supports. Installation can be done through several package tools, including npm, Bower, and NuGet, or by downloading a build file directly. Once the files are in place, you add the ui.bootstrap module to your AngularJS application to start using the components. There are also instructions for bundling with Webpack or JSPM, where you can import only the specific pieces you want, such as just the accordion or date picker, and a note about loading their CSS. The README closes with sections on versioning, browser support, where to ask for help, how to report bugs, and how to contribute.

Copy-paste prompts

Prompt 1
Show me how to add a Bootstrap modal to my AngularJS app using the ui.bootstrap $modal service, include the controller and template
Prompt 2
How do I configure the ui-bootstrap date picker with a custom date format and a minimum selectable date in my AngularJS form
Prompt 3
Set up the accordion component from angular-ui/bootstrap and control which panel is open from my AngularJS controller
Prompt 4
What is the step-by-step migration path from angular-ui/bootstrap to ng-bootstrap for an Angular 2+ project
Open on GitHub → Explain another repo

← angular-ui on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.