awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
mgcrea avatar

mgcrea/angular-strapArchived

0
View on GitHub↗
mgcrea.github.io/angular-strap↗

Angular Strap

Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels.

The library wraps Bootstrap 3 jQuery plugins as AngularJS directives using the compile and link phases for DOM manipulation. It offers a set of AngularJS directives implementing Bootstrap 3 UI components like modals, tooltips, and dropdowns, along with date and time picker inputs, dropdown and select menus, modal and panel dialogs, scroll-aware UI behavior, and tooltip and popover overlays.

The project includes interactive UI widgets such as alert banners, collapsible panels, date and time pickers, dropdowns, modals, navigation highlights, popovers, scroll pinning, select inputs, side panels, tabs, toggles, tooltips, and typeahead suggestions. It also provides testing utilities that replace the animation module with a lightweight stub to simulate animation timing without real browser frames.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Directive Collections - A collection of pre-built AngularJS 1.x directives for common UI patterns.
  • Input Suggestions - Ships a typeahead directive that shows dynamic suggestions as the user types into a text input.
  • Bootstrap 3 UI Toolkits - Set of AngularJS 1.2+ directives providing Bootstrap 3-styled UI elements.
  • Bootstrap 3 Directive Wrappers - Provides AngularJS directives that wrap Bootstrap 3 jQuery plugins for DOM manipulation.
  • Bootstrap 3 Implementations - A collection of AngularJS directives implementing Bootstrap 3 UI components.
  • Date and Time Pickers - Provides calendar and timepicker widgets bound to text inputs with locale support.
  • Date Pickers - Shows a datepicker on a text input with locale support, controllable programmatically.
  • Dropdown Menus - Renders dropdown lists, select menus, and typeahead suggestions bound to dynamic data arrays.
  • Dropdowns - Reveals a list of clickable items attached to any element, such as a button or navbar.
  • Tooltip Overlays - Provides a tooltip directive that reveals small information overlays on hover.
  • Dropdown Selection Components - Ships a select directive that renders dropdown lists from arrays and binds chosen values.
  • Modal Dialogs - Displays modal dialogs, side panels, and alert banners that open and close programmatically.
  • Scroll-Aware Behaviors - Pins elements on scroll and highlights navigation items based on scroll position.
  • Popover Overlays - Ships a popover directive that displays content overlays on tap, controllable programmatically.
  • Scroll Pinning Utilities - Provides a scroll-pinning directive that fixes elements in place during scroll ranges.
  • Scroll-Activated Navigation Highlights - Provides a scroll-spy directive that highlights navigation items based on scroll position.
  • Tabbed Content Panes - Ships a tab directive that switches between content panes with tab functionality.
  • Time Picker Inputs - Provides a timepicker directive that shows time selection lists on text inputs with locale support.
  • Bootstrap - AngularJS directives that turn Bootstrap 3 markup into interactive widgets.
  • Modal Side Panels - Provides a side panel directive that opens drawer-style panels with modal behavior.
  • Collapsible Panels - Transitions panels between collapsed and expanded states, allowing multiple panels to stay open.
  • Active Link Highlighting - Automatically toggles an active state on navigation items based on the current route.
  • Dismissible Alert Banners - Displays styled, dismissible notification bars with configurable placement and type.
  • Toggle Buttons - Ships a toggle directive that switches buttons between checked and unchecked states.
5,673 stars·1,344 forks·JavaScript·MIT·21 views

Star history

Star history chart for mgcrea/angular-strapStar history chart for mgcrea/angular-strap

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does mgcrea/angular-strap do?

Angular-strap is a collection of pre-built AngularJS 1.x directives that wrap Bootstrap 3 components into reusable UI widgets and interactive behaviors. It provides native AngularJS 1.2+ directives for common UI patterns including datepickers, popovers, and scroll-based navigation, turning Bootstrap 3 markup into interactive widgets such as tabs, alerts, and side panels.

What are the main features of mgcrea/angular-strap?

The main features of mgcrea/angular-strap are: Directive Collections, Input Suggestions, Bootstrap 3 UI Toolkits, Bootstrap 3 Directive Wrappers, Bootstrap 3 Implementations, Date and Time Pickers, Date Pickers, Dropdown Menus.

Which projects share features with mgcrea/angular-strap?

Projects with overlapping indexed features include: cosscom/coss — Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a… angular-ui/bootstrap — This project is a collection of native directives designed to implement the Bootstrap component framework within… chakra-ui/zag — Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across… bopoda/ace — Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive… huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather… filamentphp/filament — Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel…

Projects sharing features with Angular Strap

These projects share indexed features with Angular Strap. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • cosscom/cosscosscom avatar

    cosscom/coss

    10,125View on GitHub↗

    Coss is an accessible UI component library and design system framework used to build web interfaces. It provides a comprehensive kit of interactive elements and layout building blocks that follow screen reader and keyboard navigation standards. The project functions as a UI overlay management library, offering specialized tools for implementing anchored popovers, tooltips, and slide-out panels with smooth transitions. It includes a set of accessible form primitives and selection controls to ensure compatibility across different assistive technologies. Its broader capabilities cover the const

    TypeScriptnextjsradix-uireact
    View on GitHub↗10,125
  • angular-ui/bootstrapangular-ui avatar

    angular-ui/bootstrap

    14,206View on GitHub↗

    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 elemen

    JavaScript
    View on GitHub↗14,206
  • chakra-ui/zagchakra-ui avatar

    chakra-ui/zag

    5,121View on GitHub↗

    Zag is a headless UI state machine library that provides unstyled component logic to ensure consistent behavior across different rendering engines. It functions as a toolkit for modeling complex user interface interactions using statecharts, decoupling the underlying logic and accessibility attributes from visual styling. The library is framework-agnostic, utilizing specialized adapters to bridge its state machine logic with various JavaScript libraries such as React, Solid, Vue, and Svelte. This approach allows developers to maintain a single interaction model while applying any CSS or styli

    TypeScripta11yaccessibilityagnostic
    View on GitHub↗5,121
  • bopoda/acebopoda avatar

    bopoda/ace

    3,741View on GitHub↗

    Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili

    HTML
    View on GitHub↗3,741
Compare all 30 related projects→