The Floating UI repository is a comprehensive library for creating accessible and customizable floating UI components, such as tooltips, popovers, and dropdowns. It offers a set of low-level features to help navigate the challenges of building accessible floating UI components. The library is built with a focus on accessibility, modularity, and flexibility, and is suitable for use in a variety of applications.
This repository is a monorepo for `driver.js`, a lightweight, zero-dependency JavaScript library for creating product tours, feature highlights, and contextual hints on web pages. The core library is in `packages/driver/` and exports two main factories: `driver()` for guided tours with an overlay cutout and popover, and `hints()` for persistent beacon-style hints. The architecture follows an instance-based pattern where each driver or hints instance owns its configuration, state, and event emitter, avoiding global state. Key modules include a pure-geometry positioning system (`position.ts`), an SVG overlay with animated stage transitions (`overlay.ts`, `stage.ts`), a popover renderer shared between tours and hints (`popover.ts`), and capture-phase click handling with `WeakMap`-based listeners (`click.ts`). The library has no runtime dependencies, comprehensive test coverage (vitest + jsdom), and supports keyboard navigation, animation, theming via CSS custom properties, and lifecycle hooks. The monorepo also includes two Astro-based applications: `apps/docs` (documentation site with live code samples) and `apps/playground` (interactive examples). The codebase demonstrates strong engineering practices with clean abstractions, instance isolation, and reusable primitives.
ng-bootstrap is a mature, widely-used Angular component library that provides native Angular directives and components wrapping Bootstrap 5 CSS. It is a pure library (not an application), though it includes demo and test applications for development. The architecture is modular and highly configurable: each UI widget (accordion, datepicker, modal, tooltip, popover, typeahead, etc.) is a standalone component with injectable configuration services, abstract adapters for custom data models (e.g., date/time), and rich accessibility support (ARIA, keyboard navigation, focus traps). It leverages `@popperjs/core` for positioning and provides reusable utilities for auto-close behavior, CSS transitions, focus management, and live announcements. The codebase is well-organized, follows Angular style guides, includes extensive unit and end-to-end tests, and is actively maintained with regular releases aligning with the latest Angular and Bootstrap versions. Technical drift is low as dependencies are current.
Ng-Matero Extensions is an Angular component library that extends Angular Material with 15+ additional UI components including grid, datetimepicker, colorpicker, popover, tooltip, select, split, dialog, drawer, loader, progress, alert, button loading, checkbox-group, and photoviewer. The library is built for Angular 22 and supports both Material Design 2 and 3 theming via Sass mixins and CSS custom properties. It provides date adapters for native, moment, luxon, and date-fns libraries. The repository includes a development app for interactive demos and a documentation site with live examples, API references, and i18n support (English and Chinese). The codebase demonstrates strong engineering practices with standalone components, CDK overlay usage, adapter patterns, and performance optimizations like coalesced style scheduling. However, it relies on several third-party dependencies (ng-select, color-picker, photoviewer) and uses some deprecated Angular Material APIs, indicating moderate maintenance risk.