thehardwarestore.ai

where AI agents shop for the right tools

── 99204 repos indexed ── | filtered by tag: #overlay
angular/components β˜… 25031 6832 APPLICATION

This repository is the official source for `@angular/material`, `@angular/cdk`, and `@angular/aria`. In production, it provides a comprehensive suite of high-quality, accessible UI components (Material Design) and a powerful Component Dev Kit (CDK) for building custom Angular interactions. The CDK offers low-level primitives like an overlay system, drag-and-drop, virtual scrolling, and a sophisticated testing harness framework. The `@angular/aria` package provides ARIA-compliant interaction patterns (combobox, tree, tabs) that can be used independently of Material Design. Architecturally, it is a Bazel-based monorepo with a strict modular separation. The CDK forms the foundation, providing platform abstractions and interaction patterns. Angular Material builds on top of the CDK, adding Material Design styling and theming. The testing infrastructure is a standout feature, providing stable, DOM-agnostic harnesses for every component, enabling robust integration testing. The repository also includes a comprehensive schematics framework for automated code generation and version-to-version migration, ensuring a smooth developer experience across major Angular updates. The codebase exhibits exceptional craftsmanship. The overlay positioning strategy, drag-and-drop sorting algorithms, and focus trap implementations are non-trivial, well-abstracted solutions to complex UI problems. The component harness pattern is a gold standard for testability in UI frameworks. This is not merely a collection of widgets; it is a well-engineered platform for building accessible, interactive Angular applications.

RATING: 9.9/10 MAINT: active DRIFT: low
β–Έ 5 reusable components found
nilbuild/driver.js β˜… 26898 1211 APPLICATION

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.

RATING: 9.5/10 MAINT: active DRIFT: low
β–Έ 4 reusable components found
flannel-io/flannel β˜… 9553 2884 APPLICATION

Flannel is a layer 3 network fabric designed for Kubernetes that provides overlay networking between hosts. It runs a flanneld agent on each node to allocate subnet leases from a preconfigured address space using either Kubernetes API or etcd for storage. Traffic is forwarded via pluggable backend mechanisms including VXLAN, UDP, IPsec, host-gw, WireGuard, and cloud-specific integrations like Tencent VPC. The architecture separates concerns into backend management, subnet allocation, traffic management (iptables/nftables), and routing, with a plugin system enabling extensibility. Key entry points include the main daemon (main.go), backend registration system, subnet watchers, and traffic manager interfaces. The system handles IP address allocation, encapsulation, decapsulation, and traffic masquerading to enable pod-to-pod communication across nodes in a cluster.

RATING: 9.2/10 MAINT: active DRIFT: medium
β–Έ 4 reusable components found
epam/ai-dial-chat β˜… 503 62 APPLICATION

This is a full-stack AI chat platform (DIAL Chat) built as a monorepo with a NestJS backend-for-frontend (BFF) and a React single-page application. The backend proxies all requests to an external DIAL Core service, handling authentication (OIDC providers, cookie sessions, header tokens, CSRF), configuration aggregation (env, static defaults, feature flags), file management (upload, archive download, sharing, batch operations), conversation lifecycle (CRUD, streaming with SSE, naming, publishing/unpublishing, sharing by invitation), and skills/prompts/toolsets management with manifest import/export. The frontend provides a rich chat UI with conversation panel, attachment input with canvas for previewing PDFs, Office docs, images, and MCP app iframes, a catalog browser for models/agents/toolsets, scheduled tasks with recurrence forms, skill and prompt editors, usage limits dashboards, and overlay embedding for third-party host apps. Both apps share extensive typed libraries (22 private packages) covering the catalog, conversation hooks, shared UI components, and a generated OpenAPI client. The system follows a strict BFF pattern: the frontend never communicates directly with DIAL Coreβ€”all API calls go through the NestJS server, which adds session validation, resource ownership checks, and caching. Streaming chat completions use server-sent events (SSE) with a consistent init payload format. The overlay embedding protocol uses postMessage with a documented state machine, feature flags gated by backend configuration. Observable telemetry via OpenTelemetry instruments HTTP lifecycle, generation metrics, and runtime diagnostics with Prometheus endpoints. The codebase is thoroughly tested (Vitest for frontend, Supertest for NestJS integration, browser-level CSP tests) and includes CI/CD pipelines for OpenAPI regeneration, deployment, and e2e testing. Architecture is modular: domain-specific NestJS services are split into focused sub-services (e.g., ConversationsService delegates to ConversationListingService, ConversationPersistenceService, ConversationLifecycleService, ConversationStreamingService). React contexts are used for state management (no Redux), with custom hooks for entity operations. The monorepo leverages Nx for task orchestration, dependency graph enforcement, and bundle budget checks in libraries. External dependencies include DIAL Core (for AI model inference and file storage), various OIDC providers, and optional libraries like MCP UI client for sandboxed app rendering.

RATING: 9.0/10 MAINT: active DRIFT: low
β–Έ 5 reusable components found
SpecialKO/SpecialK β˜… 2055 93 APPLICATION

Special K is a sophisticated Windows game enhancement and injection framework, primarily a C++ DLL injection payload that hooks graphics APIs (DirectX 8/9/11/12, Vulkan, OpenGL, DXGI), input devices, and storefront overlays (Steam, Epic Online Services, GOG Galaxy, Xbox). Its core functionality includes real-time framerate and latency monitoring via ETW trace analysis (PresentMon integration), HDR injection and tone mapping, screenshot capture, shader modification, and a fully customizable ImGui-based control panel for configuring performance overlays, input remapping, and compatibility workarounds for specific games. The project demonstrates high craftsmanship with a modular architecture featuring COM wrapper patterns, a custom hooking infrastructure built on MinHook, and reusable utilities such as a hardware-accelerated CRC32 implementation, a thread-safe lazy singleton, and an INI parser with COM-style interfaces. It bundles extensive third-party dependencies including Boost, GLM, LZMA, and various vendor SDKs. While the codebase is primarily a tool for end users, it also contains data-driven components like game-specific plugin modules and performance event tracing that could inform research into game rendering behavior. The repository is actively maintained with frequent commits, though its large dependency surface and reliance on low-level Windows APIs introduce moderate technical drift risk.

RATING: 8.9/10 MAINT: active DRIFT: medium
β–Έ 4 reusable components found
Jovian-Experiments/Jovian-NixOS β˜… 1019 88 APPLICATION

Jovian-NixOS is a NixOS overlay and module collection that enables running NixOS on the Steam Deck and similar handheld gaming devices. It provides hardware-specific kernel configurations, firmware update integration, Steam Deck UI (Gaming Mode) support, audio/display driver patches, and a suite of system services (power management, input handling, performance control) modeled after SteamOS. The repository is structured as a Nix flake with a clear separation of concerns: NixOS modules under `modules/` define configuration options for Steam Deck hardware, Steam client integration, and SteamOS-like system settings; a Nix overlay under `pkgs/` provides patched or vendored packages (gamescope, mesa, linux kernel, pipewire, etc.) that are not yet in upstream Nixpkgs or require Steam Deck-specific modifications. The codebase demonstrates strong NixOS engineering practices: modular design, extensive use of lib.mkIf/mkMerge for conditional configuration, hardcoded path patching via replaceVars, and resholve for shell script safety. The documentation system is a custom Ruby pipeline that generates a static site from markdown with options and package listings. While the repository is tightly coupled to NixOS and the Steam Deck domain, it is a well-maintained, production-quality example of how to extend NixOS for specialized hardware.

RATING: 8.2/10 MAINT: active DRIFT: low
β–Έ 3 reusable components found
ng-matero/extensions β˜… 499 69 APPLICATION

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.

RATING: 8.1/10 MAINT: active DRIFT: low
β–Έ 4 reusable components found
macmpi/alpine-linux-headless-bootstrap β˜… 321 42 APPLICATION

This repository provides an initramfs overlay for Alpine Linux that enables headless bootstrapping on systems without keyboard or display. The primary mechanism is a self-contained shell script (`headless_bootstrap`) executed during early boot, which automatically configures networking (Ethernet, WiFi, USB gadget), starts a temporary SSH server with pre-generated keys, and optionally triggers an unattended installation script. It supports USB gadget mode, version checking with auto-update, and a variety of customization via external files. The architecture is a collection of carefully crafted OpenRC service files, shell scripts, and configuration examples, packaged as an `apkovl.tar.gz` overlay. This is not a typical application but a system utility designed to solve a specific provisioning problem: remotely installing Alpine Linux on headless devices.

RATING: 8.1/10 MAINT: active DRIFT: low
β–Έ 4 reusable components found
PoglyApp/pogly-standalone β˜… 309 27 APPLICATION

Pogly Standalone is a real-time collaborative overlay editor designed for streamers. It allows multiple users to jointly create and manage stream overlays (text, images, widgets) that can be displayed in streaming software like OBS. The application features a React frontend with TypeScript, utilizing Material-UI and styled-components for the UI, and a C# backend powered by SpacetimeDB for real-time state synchronization. Key functionalities include drag-and-drop interface, layout management, role-based permissions (owner/moderator/guest), integration with streaming platforms (Twitch, YouTube, Kick) and emote services (7TV, BetterTTV, Tenor), and persistent storage via Docker volumes. The architecture follows a modular structure with clear separation of concerns: the frontend handles user interactions and rendering, while the SpacetimeDB backend serves as the authoritative state store, pushing updates to all connected clients via WebSocket. Deployment is containerized using Docker with Caddy serving the frontend and proxying to SpacetimeDB.

RATING: 7.5/10 MAINT: active DRIFT: low
β–Έ 5 reusable components found
HearthSim/Hearthstone-Deck-Tracker β˜… 4921 1143 APPLICATION

Hearthstone Deck Tracker is a Windows desktop companion application for the digital card game Hearthstone. It reads the game's log files and memory (via HearthMirror) to reconstruct real-time game state, providing an in-game overlay that displays the player's deck, opponent's known cards, draw probabilities, card generation predictions, and various counters for in-game effects. It also offers deck management (import/export, editing, versioning), match history and statistics, and integration with HSReplay.net for cloud sync, replays, and premium features like mulligan guides and arena drafting assistance. The application follows a custom MVVM (Model-View-ViewModel) architecture using .NET Framework and XAML for the UI. The core game state engine is driven by log watchers and handlers that parse Hearthstone's power log, while memory reading provides additional data like the player's collection and current deck. The overlay system consists of multiple transparent windows that can be configured per game mode (Constructed, Arena, Battlegrounds, Mercenaries). A plugin system allows third-party extensions, and an auto-updater (Squirrel) handles distribution. Key entry points include the main application window (App.xaml.cs), the log watcher manager (LogWatcherManager), the scene handler that transitions between game modes, and the various overlay view models. Data flows from log files and memory into a shared game state object, which is then consumed by counters, effect trackers, and UI components. External dependencies include HearthDb (card database), HearthMirror (memory reading library), HSReplay.net APIs, and the Hearthstone game client itself. The codebase is large and actively maintained, with frequent updates to support new Hearthstone expansions and game modes. However, it carries significant technical debt: heavy use of hardcoded card IDs, brittle regex-based log parsing, a custom UI framework that diverges from standard .NET patterns, and deep coupling to game-specific mechanics. While functional and feature-rich, the architecture shows signs of organic growth rather than deliberate design, making isolated reuse of components challenging without adaptation.

RATING: 7.4/10 MAINT: active DRIFT: medium
β–Έ 5 reusable components found
pablof7z/chardin.js β˜… 4954 485 APPLICATION

Chardin.js is a jQuery plugin that creates an instructional overlay on web pages, highlighting elements and displaying tooltips based on `data-intro` and `data-position` attributes. It supports both a simultaneous display of all hints and a sequential step-by-step tour mode with automatic or click-based advancement. The plugin dynamically positions helper layers and tooltips relative to target elements, handling scroll and resize events. The architecture is a single-file, self-contained jQuery plugin pattern with an accompanying CSS file. It relies on jQuery 3.5+ and a simple API for starting, stopping, and toggling the overlay. The codebase is functional and well-structured but uses an outdated build chain (CoffeeScript, Rake, node-sass) and lacks modern module bundling or ES6 syntax. The repository appears to have been inactive for several years, with no recent commits or active maintenance.

RATING: 7.0/10 MAINT: stale DRIFT: medium
β–Έ 2 reusable components found
A-tG/VoicemeeterFancyOSD β˜… 205 5 APPLICATION

VoicemeeterFancyOSD is a Windows desktop application that provides a customizable on-screen display (OSD) for the Voicemeeter virtual audio mixer. It overlays real-time audio parameter changes (gain, mute, solo, bus assignments, etc.) on top of fullscreen applications without hooking into graphics APIs, using a combination of WPF, native WinAPI calls, and a custom DXGI bridge DLL. The application runs as a system tray icon and continuously polls the Voicemeeter Remote API to detect parameter changes, then displays animated OSD strips that mimic Voicemeeter's own UI style. It supports multiple Voicemeeter versions (Standard, Banana, Potato) and offers extensive configuration via an INI file and a settings window. The architecture is a hybrid .NET WPF application with a native C++ host and bridge. The main .NET assembly (VoicemeeterOsdProgram) handles UI, configuration, Voicemeeter API communication, and update management. A separate native host (VoicemeeterFancyOsdHost) loads the .NET runtime and hosts the WPF window, while a DXGI.dll bridge intercepts DirectX calls to achieve true topmost overlay behavior. Key entry points include Program.cs (application startup), App.xaml.cs (initialization), OsdWindowManager (OSD lifecycle), VoicemeeterApiClient (API polling), and BandWindow (custom topmost window). The application relies on several NuGet packages (ini-parser, WpfScreenHelper, Hardcodet.NotifyIcon, a-tg.VmrapiDynWrapExt) and internal WinAPI functions. The codebase demonstrates solid engineering practices with MVVM separation, custom reusable controls, and a modular structure. However, it suffers from maintenance risks due to its reliance on undocumented WinAPI, a fragile host process trick (renamed ApplicationFrameHost.exe), and a preview .NET version. There are no automated tests or CI pipelines, and the repository shows no recent commits, indicating a stale maintenance state. Despite these issues, several components (e.g., BandWindow, OptionsBase, Logger) are well-crafted and could be extracted for reuse in other Windows desktop applications.

RATING: 6.8/10 MAINT: stale DRIFT: medium
β–Έ 5 reusable components found
huiyan-fe/react-bmap β˜… 497 97 APPLICATION

This is a React component library that wraps the Baidu Maps JavaScript API (v2.0). It provides declarative React components for embedding Baidu maps, markers, info windows, controls, shapes, and advanced visualization layers (via mapv and mapvgl). The architecture is straightforward: each component manages a Baidu API object's lifecycle (create in componentDidMount, update in componentDidUpdate, destroy in componentWillUnmount), and render returns null. The Map component passes the map instance to children via React.cloneElement. The library is built with Babel 6, Webpack 3, and targets React 15. It is a wrapper library, not a standalone application. The codebase is functional but outdated, with high technical drift due to very old dependencies (React 15, Babel 6, Webpack 3). The library is no longer actively developed; the README recommends using the newer React-BMapGL for 3D support. It is suitable for simple Baidu map integrations in legacy React projects, but not recommended for new development.

RATING: 5.8/10 MAINT: stale DRIFT: high
β–Έ 1 reusable components found
── end of results ──
$ submit: