# angular-ui/bootstrap **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/angular-ui-bootstrap).** 14,206 stars · 6,618 forks · JavaScript · mit · archived ## Links - GitHub: https://github.com/angular-ui/bootstrap - Homepage: http://angular-ui.github.io/bootstrap/ - awesome-repositories: https://awesome-repositories.com/repository/angular-ui-bootstrap.md ## Description This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies. The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elements like modals, dropdowns, and popovers. The component suite covers a broad range of interface patterns, including tabbed content organization, accordion panels, image carousels, and progress indicators. It also provides advanced form input enhancements such as date and time pickers, star-based rating controls, and predictive search suggestions. All components utilize declarative template binding to synchronize interface states with application data models. The library is designed for direct integration into existing projects to provide consistent styling and behavior for standard web interface patterns. ## Tags ### User Interface & Experience - [Angular UI Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/angular-ui-libraries.md) — Provides a collection of pre-built interface resources and components specifically designed for use within the Angular framework. - [UI Framework Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/ui-framework-components.md) — Provides pre-built interface elements to accelerate application development using standard design patterns. - [Interactive UI Components](https://awesome-repositories.com/f/user-interface-experience/interactive-ui-components.md) — Provides a suite of interactive UI components including accordions, modals, and carousels. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.2)) - [Modal Display Controllers](https://awesome-repositories.com/f/user-interface-experience/modal-components/modal-display-controllers.md) — Open overlay windows for focused user tasks, supporting custom templates and controllers for dynamic content management. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.1)) - [Modal Dialogs](https://awesome-repositories.com/f/user-interface-experience/modal-dialogs.md) — Opens overlay dialogs for focused user interaction, supporting custom templates and controller logic. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.2)) - [Tooltip Components](https://awesome-repositories.com/f/user-interface-experience/tooltip-components.md) — Provides components and directives for displaying contextual information overlays when users interact with interface elements. - [Carousels](https://awesome-repositories.com/f/user-interface-experience/carousels.md) — Displays rotating content slides with support for manual navigation, automatic intervals, and touch gestures. ([source](http://angular-ui.github.io/bootstrap/)) - [HTML Directive Extensions](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/composition-slots/html-directive-extensions.md) — Extends standard HTML with custom directives to create reusable, self-contained interface components. - [Accordion Panels](https://awesome-repositories.com/f/user-interface-experience/data-display-components/accordion-panels.md) — Provides collapsible panels that allow users to expand or hide content sections within the interface. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.2.5)) - [Date and Time Pickers](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers.md) — Provides interactive pickers for selecting both calendar dates and clock times. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.0)) - [Date Pickers](https://awesome-repositories.com/f/user-interface-experience/date-pickers.md) — Provides components for selecting and displaying dates with calendar-based interfaces. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.2.5)) - [Date Selection Components](https://awesome-repositories.com/f/user-interface-experience/date-selection-components.md) — Provides interactive calendar components for selecting dates within forms. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.2)) - [Input Field Enhancements](https://awesome-repositories.com/f/user-interface-experience/input-field-enhancements.md) — Provides components and utilities that extend standard input fields with visual indicators and interactive triggers. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.2)) - [Pagination Controls](https://awesome-repositories.com/f/user-interface-experience/navigation-components/pagination-controls.md) — Provides interactive pagination controls for navigating through large datasets within the user interface. ([source](http://angular-ui.github.io/bootstrap/)) - [Popovers](https://awesome-repositories.com/f/user-interface-experience/popovers.md) — Displays floating content boxes triggered by user interaction to provide contextual information. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.0.1)) - [Tabbed Containers](https://awesome-repositories.com/f/user-interface-experience/tabbed-containers.md) — Provides tabbed containers for switching between different content sections or views. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.0)) - [Tabbed Interfaces](https://awesome-repositories.com/f/user-interface-experience/tabbed-interfaces.md) — Organizes related content into switchable tabbed views within a single container. ([source](http://angular-ui.github.io/bootstrap/)) - [Tooltips](https://awesome-repositories.com/f/user-interface-experience/tooltips.md) — Shows small, non-interactive labels on hover or focus to provide extra context. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.1)) - [Alert Components](https://awesome-repositories.com/f/user-interface-experience/ui-components/feedback-overlay-components/alert-components.md) — Displays contextual alert messages for providing feedback to users. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.0)) - [Collapsible Panels](https://awesome-repositories.com/f/user-interface-experience/collapsible-panels.md) — Provides expandable panels that can be toggled individually or restricted to single-active states. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3)) - [Collapsible UI Components](https://awesome-repositories.com/f/user-interface-experience/collapsible-ui-components.md) — Hides or shows page elements using smooth CSS transitions for efficient space management. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.1)) - [Tabbed Interfaces](https://awesome-repositories.com/f/user-interface-experience/data-display-components/tabbed-interfaces.md) — Organizes content into distinct, selectable tabs to allow users to switch between different views. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.0)) - [Time Pickers](https://awesome-repositories.com/f/user-interface-experience/date-and-time-pickers/time-pickers.md) — Offers a configurable interface for picking hours and minutes with support for multiple time formats. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.2)) - [Dropdown Menus](https://awesome-repositories.com/f/user-interface-experience/dropdown-menus.md) — Implements toggleable menus that reveal links or actions upon user interaction. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/2.3.0)) - [Time Picker Intervals](https://awesome-repositories.com/f/user-interface-experience/input-controls/time-picker-intervals.md) — Provides configurable time picker controls with support for custom intervals and formats. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.0)) - [Slide Transition Engines](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/animation-transition-engines/slide-transition-engines.md) — Manages the visual transition and rotation of content slides within a carousel. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.0)) - [Progress Indicators](https://awesome-repositories.com/f/user-interface-experience/progress-indicators.md) — Visualizes the completion status of tasks using single or stacked progress bars with customizable styling. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.1)) - [Rating Widgets](https://awesome-repositories.com/f/user-interface-experience/rating-widgets.md) — Implements star-based rating widgets for collecting user feedback. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.0)) - [Autocomplete Inputs](https://awesome-repositories.com/f/user-interface-experience/text-input-widgets/autocomplete-inputs.md) — Suggests matches from a data source as users type into text fields. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.0.0)) - [Predictive Text Inputs](https://awesome-repositories.com/f/user-interface-experience/text-input-widgets/predictive-text-inputs.md) — Suggests matching options as users type into text fields with support for asynchronous data fetching. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.2)) - [Alerts & Notifications](https://awesome-repositories.com/f/user-interface-experience/alerts-notifications.md) — Displays transient alert messages and contextual feedback to users. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.1)) - [Element Transitioning Mechanisms](https://awesome-repositories.com/f/user-interface-experience/animation-libraries/element-transitioning-mechanisms.md) — Provides mechanisms for animating the entry and exit of elements to manage screen space. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.1)) - [Buttons](https://awesome-repositories.com/f/user-interface-experience/buttons.md) — Converts standard elements into toggleable buttons that maintain application state. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.0)) - [Button Groups](https://awesome-repositories.com/f/user-interface-experience/buttons/button-groups.md) — Transforms button sets into interactive controls for single or multiple selection states. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.1)) - [Event-Driven State Managers](https://awesome-repositories.com/f/user-interface-experience/event-driven-state-managers.md) — Coordinates the lifecycle and state of overlays like modals and dropdowns through centralized event handling. - [Visibility Toggles](https://awesome-repositories.com/f/user-interface-experience/form-and-input-management/interaction-and-event-handling/general-interaction-frameworks/interaction-patterns/visibility-toggles.md) — Provides controls to show or hide UI elements with smooth CSS transitions for vertical or horizontal expansion. ([source](http://angular-ui.github.io/bootstrap/)) - [Toggle Switches](https://awesome-repositories.com/f/user-interface-experience/form-input-components/toggle-switches.md) — Provides interactive checkbox controls that bind to application models for managing boolean input states. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3)) - [Positioning Engines](https://awesome-repositories.com/f/user-interface-experience/layout-utilities/positioning-engines.md) — Calculates dynamic viewport coordinates to ensure accurate placement of floating UI overlays. - [Overlay Managers](https://awesome-repositories.com/f/user-interface-experience/overlay-managers.md) — Provides systems for managing modals, popovers, and tooltips to provide additional context. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.2)) - [Progress Bar Widgets](https://awesome-repositories.com/f/user-interface-experience/progress-bar-widgets.md) — Visualizes the completion status of workflows using single or stacked bars with custom labels and animations. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.0)) - [Progress Bars](https://awesome-repositories.com/f/user-interface-experience/progress-bars.md) — Displays completion status of tasks using linear progress indicators. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.1.0)) - [Rating Inputs](https://awesome-repositories.com/f/user-interface-experience/rating-inputs.md) — Renders interactive star-based input components for collecting numerical user feedback. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.0.2)) - [Information Sidebars](https://awesome-repositories.com/f/user-interface-experience/result-displayers/information-sidebars.md) — Displays contextual information via tooltips and popovers triggered by user interaction. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.14.3)) - [Carousel Components](https://awesome-repositories.com/f/user-interface-experience/carousel-components.md) — Provides UI elements for cycling through sets of content or images within a single container. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.2.2)) - [Checkboxes](https://awesome-repositories.com/f/user-interface-experience/checkboxes.md) — Provides input elements for selecting one or more options. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.2.2)) - [Collapse Sections](https://awesome-repositories.com/f/user-interface-experience/collapse-sections.md) — Provides interactive elements that toggle the visibility of content blocks. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/2.4.0)) - [Slideshow Displays](https://awesome-repositories.com/f/user-interface-experience/data-display-components/slideshow-displays.md) — Provides UI components for rendering image and content slideshows. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/2.1.1)) - [Element Positioning Utilities](https://awesome-repositories.com/f/user-interface-experience/element-positioning-utilities.md) — Determines element dimensions and coordinates relative to the viewport for precise overlay positioning. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/1.0.0)) - [Selection Switches](https://awesome-repositories.com/f/user-interface-experience/form-components/selection-switches.md) — Provides binary toggle inputs for boolean state management. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/2.4.0)) ### Web Development - [Web Interface Components](https://awesome-repositories.com/f/web-development/frontend-development-tools/web-interface-components.md) — Provides modular building blocks and rendering tools used to construct complex user interfaces from reusable parts. - [Declarative Data Binding Systems](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/template-binding/declarative-data-binding-systems.md) — Synchronizes application state with the DOM using a reactive, declarative template syntax. - [Pagination Navigators](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/pagination-navigators.md) — Provides navigation controls for splitting large datasets into manageable pages. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.3)) ### Data & Databases - [Pagination Controls](https://awesome-repositories.com/f/data-databases/data-table-components/pagination-controls.md) — Renders pagination controls for splitting large data collections into manageable pages. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.12.1)) - [Search Suggestions](https://awesome-repositories.com/f/data-databases/search-suggestions.md) — Provides mechanisms for providing prefix-based search results as users type into input fields. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/0.13.3)) - [Input Suggestions](https://awesome-repositories.com/f/data-databases/search-suggestions/input-suggestions.md) — Suggests matching options from a data source as users type into text inputs. ([source](http://angular-ui.github.io/bootstrap/)) ### Graphics & Multimedia - [Rating Predictors](https://awesome-repositories.com/f/graphics-multimedia/immersive-interactive-systems/user-interaction/rating-predictors.md) — Provides interactive star-based rating controls for content items. ([source](http://angular-ui.github.io/bootstrap/versioned-docs/2.1.0)) - [Lifecycle Transition Classes](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/animation-tools/ui-motion-frameworks/css-animation-classes/lifecycle-transition-classes.md) — Provides CSS classes that automatically manage the entry and exit transitions of UI elements. ### Software Engineering & Architecture - [Dependency-Free Architectures](https://awesome-repositories.com/f/software-engineering-architecture/dependency-free-architectures.md) — Implements complex UI logic using native framework primitives without external JavaScript dependencies.