thehardwarestore.ai

where AI agents shop for the right tools

── 99645 repos indexed ── | filtered by tag: react
vicinaehq/vicinae ★ 10269 318 APPLICATION

Vicinae is a cross-platform desktop launcher and productivity tool written in modern C++20/23 with Qt6 and QML, inspired by Raycast. It provides a single keyboard-driven interface for launching applications, searching files, managing clipboard history, switching windows and workspaces, controlling media, running script commands, browsing fonts, picking emoji, and more. The system runs as a background server process with a CLI client, a file indexing subprocess, and a browser extension for tab management. It features a first-class extension system using TypeScript and Node.js, a custom fuzzy search library, an XDG desktop entry parser, encrypted clipboard storage, and deep platform integration for Linux (Wayland/X11, GNOME, KDE, Hyprland), macOS, and Windows. The architecture is modular with abstract service backends and a service registry for dependency injection.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 6 reusable components found
swagger-api/swagger-editor ★ 9471 2359 APPLICATION

The Swagger Editor is a web-based application for editing, visualizing, and documenting API specifications. It supports multiple formats including OpenAPI (2.0/3.x), AsyncAPI, JSON Schema, and API Design Systems through a split-pane interface featuring a code editor (Monaco/Textarea) and live preview. Built on React with a plugin architecture inspired by SwaggerUI, it manages state via Redux-like patterns with Immutable.js and reselect, offloading heavy operations like parsing and validation to Web Workers to maintain UI responsiveness. Key features include real-time validation, format conversion, code generation via external services, and extensibility through plugins. The application follows a modular structure where core functionality is extended by plugins registered via entry points like src/index.tsx and src/App.tsx. Each plugin encapsulates actions, reducers, selectors, and UI components, with extension points for wrapping actions and components. The build system uses Vite to produce standalone app, ESM, and UMD bundles, with specialized configurations for worker bundles. Testing combines unit tests (Vitest) and end-to-end tests (Playwright) to ensure reliability across features like file import, format conversion, and code generation. Technical strengths include the plugin architecture promoting separation of concerns, worker-based performance optimization, and reusable UI patterns like the dropdown menu with thematic variations. Maintenance risks stem from tight coupling with external dependencies (Monaco Editor, ApiDOM, SwaggerUI), complex build configurations, and gradual TypeScript adoption. However, active maintenance is evidenced by recent commits, CI workflows, and issue triage, indicating the project keeps pace with its ecosystem despite inherent complexity.

RATING: 9.1/10 MAINT: active DRIFT: medium
▸ 4 reusable components found
mediago-dev/mediago ★ 9267 826 APPLICATION

MediaGo is a cross-platform media download manager that enables users to download videos from a wide range of sources, including HLS/m3u8 streams, YouTube, Bilibili, TikTok, Douyin, Xiaohongshu, and direct URLs. It is built as a monorepo with a Go backend (REST API + SSE events), an Electron desktop shell, a web UI (React 19), a mobile player UI, and a Chrome MV3 browser extension. The backend manages a download task queue that orchestrates external binaries (yt-dlp, BBDown, ffmpeg, aria2c, N_m3u8DL-RE) via PTY/exec runners, provides real-time progress through SSE, and includes an MCP server for AI agent integration. The Electron app embeds a Chromium webview for media source sniffing and supports share intents, ad blocking, and device mode. The browser extension detects media resources on pages and dispatches them to the local or remote MediaGo server via HTTP or a custom protocol.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 8 reusable components found
urql-graphql/urql ★ 8980 479 APPLICATION

urql is a highly customizable and versatile GraphQL client library for JavaScript/TypeScript, organized as a monorepo with a core package (`@urql/core`), multiple exchange packages (middleware), and framework-specific bindings for React, Preact, Vue, Svelte, Solid, and Next.js. The core architecture is built on a composable exchange pipeline using Wonka reactive streams, where operations flow through a chain of exchanges (e.g., cache, fetch, subscription, SSR) that can be mixed and matched. The client dispatches GraphQL queries, mutations, and subscriptions, and returns results as streams. The `@urql/exchange-graphcache` package provides a sophisticated normalized cache with support for offline persistence, optimistic updates, pagination resolvers (Relay and simple), and schema-aware partial results. Framework integrations expose idiomatic hooks (e.g., `useQuery`, `useMutation`) or stores that wrap the core client and manage component lifecycle. External dependencies include Wonka for streams, `@0no-co/graphql.web` for GraphQL parsing, and framework-specific libraries. The repository also includes a documentation site, extensive examples, and a comprehensive test suite using Vitest and Cypress.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 5 reusable components found
radix-ui/themes ★ 8768 341 APPLICATION

Radix Themes is a monorepo containing a React component library built on Radix UI primitives and a Next.js playground application for demonstration and testing. The library provides accessible, themeable UI components with support for responsive values, variant styling, and a flexible theme system. The architecture separates concerns through a prop definition system, helper utilities for style extraction and merging, and a theme context. The playground showcases components and includes visual regression testing via Playwright.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 3 reusable components found
getsentry/sentry-javascript ★ 8761 1868 APPLICATION

This is the official Sentry JavaScript SDK monorepo, providing error monitoring, performance tracing, session replay, user feedback, and profiling for a wide range of JavaScript runtimes and frameworks. The architecture is a large monorepo with ~50 packages, each targeting specific platforms (browser, Node.js, Cloudflare Workers, Deno, Bun) and frameworks (Next.js, Angular, React, SvelteKit, Nuxt, etc.). The core SDK logic lives in `packages/core`, with platform-specific packages that integrate via a consistent `Sentry.init()` entry point. Data flows from the user's application through instrumented APIs (error handlers, fetch, timers, etc.) to produce events (errors, spans, breadcrumbs, replay recordings) that are serialized into envelopes and sent to Sentry's ingest endpoint via configurable transports. The monorepo also includes bundler plugins for build-time instrumentation (source map upload, debug ID injection, component annotation) and extensive integration tests covering multiple bundler versions and framework releases. The codebase exhibits high craftsmanship with well-defined integration patterns (`defineIntegration`), modular utilities, and comprehensive test infrastructure. It is actively maintained with frequent commits and a broad compatibility surface, though the sheer number of framework-specific packages introduces some maintenance complexity.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 3 reusable components found
tubearchivist/tubearchivist ★ 8516 428 APPLICATION

TubeArchivist is a self-hosted YouTube media server that downloads, indexes, and serves YouTube video content. In production, it runs as a Docker-based stack with a Django REST API backend, React/TypeScript frontend, Celery task queue, Redis broker, and Elasticsearch for metadata storage and full-text search. The system subscribes to YouTube channels and playlists via yt-dlp, extracts comprehensive metadata (including subtitles, comments, SponsorBlock segments, and thumbnails), and provides a web UI for browsing, searching, streaming video, and managing downloads. It supports multiple authentication modes (single user, LDAP, forward proxy), scheduled tasks for rescanning subscriptions and backups, and integrates with Apprise for notifications and a membership/SponsorBlock API for ad-skipping. The architecture follows a modular Django app pattern (video, channel, playlist, download, task, appsettings, user, stats) with consistent use of base views, serializers, and search processors. The frontend uses Zustand for state management and a custom API client with CSRF handling. The codebase is actively maintained with comprehensive test coverage and CI/CD pipelines.

RATING: 9.1/10 MAINT: active DRIFT: medium
▸ 3 reusable components found
reactive-python/reactpy ★ 8148 330 APPLICATION

ReactPy is a Python library for building interactive web user interfaces using React-like components. Instead of writing JavaScript, developers define Python functions decorated with @component that return VDOM (Virtual Document Object Model) dictionaries; these are serialized and rendered in the browser by a Preact-based TypeScript client. The framework provides a full hook system (use_state, use_effect, use_reducer, use_context, etc.), an event-handling layer supporting debounce, throttle, and live browser-object proxies, and first-class ASGI integration via middleware or standalone ASGI apps. It also supports PyScript/Pyodide for running components entirely in the browser and importing actual ReactJS/NPM components from Python. The architecture is a hybrid library/framework: a Python core package (src/reactpy) handles component lifecycle, layout rendering, event dispatch, and state management, while a separate JavaScript client package (src/js/packages/@reactpy/client) handles DOM rendering and WebSocket communication. A notable design feature is the live event proxy, which avoids serializing entire browser event objects to the server; instead, the client holds event objects and lets Python code lazily read properties or invoke methods over a batched, security-blocklisted protocol. The project is well-tested with unit tests, Playwright-based integration tests, and CI across multiple Python versions and operating systems. It is not a data pipeline or research codebase; data-related content appears only as demo examples. The repository also contains substantial documentation, example galleries, build tooling for both Python and JavaScript, and testing fixtures that are useful for any project needing browser-backed backend testing. Some legacy APIs (e.g., reactpy.web) coexist with newer reactjs-based APIs, and the documentation has areas marked under construction, but the core code is actively maintained and demonstrates strong engineering practices.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 5 reusable components found
facebook/memlab ★ 5071 148 APPLICATION

Memlab is a comprehensive JavaScript memory leak detection and heap analysis framework developed by Meta. It provides a CLI, a programmatic API, and an MCP (Model Context Protocol) server for AI-assisted debugging. The system captures heap snapshots from Chromium (via Puppeteer), Node.js, Electron.js, and Hermes, then parses and analyzes them to identify memory leaks, optimization opportunities, and retention patterns. It includes specialized detectors for detached DOM elements, React component leaks, event listener accumulation, duplicate strings, and global variable bloat. The architecture is a monorepo with packages for core parsing and algorithms, E2E browser automation, heap analysis plugins, a public API, a CLI, an in-browser visualizer (MemLens), and an MCP server that exposes over 100 analysis tools. Key data flows involve warmup, browser interaction, snapshot capture, parsing, leak filtering, trace clustering (heuristic and ML-based), and report generation. External dependencies include Puppeteer, Chromium, and the MCP SDK.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 5 reusable components found
thunderbird/thunderbolt ★ 4796 329 APPLICATION

Thunderbolt is a full-stack, cross-platform AI chat and agent client built by Mozilla Thunderbird. It ships as a React/Vite web app, a Tauri desktop shell (macOS/Windows/Linux), native iOS/Android apps, and a Bun-based CLI. The system provides chat with multiple LLM providers (OpenAI-compatible, Anthropic, custom Tinfoil enclave), a skills system for user-defined slash-command instructions, voice mode with STT/TTS, MCP tool integration, ACP (Agent Client Protocol) remote agent support, and a widget system for rich chat outputs (weather, maps, citations, document previews, link previews). The backend is an Elysia/Bun server handling OIDC/SAML/OTP auth, an inference usage ledger with signed receipts, a CORS-bypassing proxy with streaming, and PowerSync sync coordination. Data flows from local SQLite (wa-sqlite/bun-sqlite) through an E2E-encrypted PowerSync pipeline to PostgreSQL, with device registration, envelope key storage, and canary proof-of-possession for recovery. The CLI provides a separate agent harness with iroh P2P transport, device-grant auth, and a workspace jail for safe file operations. The repo also contains a substantial AI evaluation framework (scenario-based scoring with Wilson confidence intervals), a Pulumi/K8s/Docker deployment stack, and a marketing/docs site in Astro. While the dominant character is clearly an application, it has a notable data-engineering flavor in its inference usage tracking, eval harness, and telemetry pipelines.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 6 reusable components found
ant-design/x ★ 4758 1155 APPLICATION

Ant Design X is a monorepo housing a comprehensive React component library for building AI-powered conversational interfaces. The core package `@ant-design/x` provides atomic UI components such as Bubble, Sender, Conversations, ThoughtChain, Attachments, and Prompts, all designed around the RICH design paradigm (Role, Intention, Conversation, Hybrid UI). These components are built with streaming support, rich theming via CSS-in-JS, and deep integration with Ant Design's token system. The library includes a full documentation site with interactive demos, live code editing, and performance benchmarks. Complementing the UI library are several companion packages: `@ant-design/x-markdown` offers a streaming-friendly Markdown renderer with custom plugins (LaTeX, component mapping), tail content insertion, and a built-in debug panel. `@ant-design/x-sdk` provides a lightweight SDK for AI model integration, including `XRequest` (a fetch wrapper with SSE/NDJSON streaming, timeouts, and middlewares), `XStream` (a TransformStream-based SSE parser), and React hooks (`useXChat`, `useXConversations`) for managing chat state and conversation history. `@ant-design/x-card` implements an experimental A2UI protocol (v0.8/v0.9) for dynamically rendering agent-driven UI from structured commands, and `@ant-design/x-skill` is a CLI tool for installing AI skill templates into IDEs like Claude and Cursor. The repository is primarily an application-level library, though it contains some research-adjacent elements such as benchmarking scripts for streaming renderers and the A2UI protocol design. The overall architecture is a well-structured monorepo with clear package boundaries, extensive test coverage (unit, snapshot, visual regression, performance), and a strong emphasis on streaming and real-time interaction patterns. It demonstrates high craftsmanship with reusable hooks, composable providers, and a consistent styling system.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 4 reusable components found
intelowlproject/IntelOwl ★ 4695 664 APPLICATION

IntelOwl is a production-grade, open-source threat intelligence platform that automates the analysis of observables (IPs, domains, URLs, hashes) and files (PE, PDF, APK, etc.) through a pluggable plugin system. The backend is built with Django REST Framework, Celery for asynchronous task execution, and Django Channels for real-time WebSocket updates. The frontend is a React single-page application using react-router, react-flow for pipeline visualizations, and Zustand for state management. The system supports multi-tenancy, organizations, role-based access, and integrates with dozens of external threat intelligence APIs and open-source analysis tools via containerized microservices. The architecture is centered around a plugin framework with five plugin types: analyzers (file and observable), connectors (push results to external systems), visualizers (render reports), pivots (create child jobs from analysis results), and ingestors (pull threat feeds). Playbooks bundle these plugins into repeatable analysis workflows. A data model manager normalizes analyzer outputs into structured evaluations with reliability scores, and a user event system allows manual verdict overrides with decay logic. The platform also includes an AI chatbot assistant powered by a local Ollama LLM and LangGraph, enabling natural-language queries and one-click analysis launches. Key operational features include a comprehensive REST API, token-based authentication with optional OAuth/LDAP/RADIUS, Elasticsearch for BI reporting, and Docker-based deployment with separate containers for specialized analyzers. The codebase is actively maintained with extensive unit and integration tests, CI/CD pipelines, and a large community (4695 stars). While the migration system is somewhat repetitive, the overall architecture is clean, modular, and demonstrates strong software engineering practices.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 4 reusable components found
onejs/one ★ 4489 127 APPLICATION

The One framework (onejs/one) is a production-grade, cross-platform React framework that unifies web and native (iOS/Android) development under a single file-system router. It leverages Vite for web bundling and integrates with Metro (or an experimental Rolldown engine) for native builds, providing SSR, SSG, SPA, and API routes out of the box. The architecture is a monorepo of well-factored packages: core routing and rendering logic (packages/one), Vite plugins and CLI (packages/vxrn), Metro integration (vite-plugin-metro), native iOS/Android bridge components (native), MDX processing (mdx), and utility libraries (emitter, query-string). Key entry points include the `one dev`/`one build` CLI, the `one()` Vite plugin, and the `createApp` function for headless server rendering. The framework demonstrates strong engineering practices with extensive test coverage (Playwright E2E, Appium native tests, Vitest unit tests) and thoughtful abstractions like environment guard plugins, critical CSS inlining, client-side tree-shaking of server code, and lazy-with-retry for chunk loading. While the codebase is actively evolving (experimental features like bundled dev and daemon mode are present), the core architecture is solid and the utilities are cleanly separated.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 5 reusable components found
keajs/kea ★ 1991 52 APPLICATION

Kea is a state management library for React applications that builds on Redux to reduce boilerplate while maintaining flexibility. It features a lazy-loading logic system where logic (actions, reducers, selectors) is only built and mounted when needed. The library provides a plugin system for extending functionality, sophisticated listener handling with breakpoint support for asynchronous flows, and React hooks for accessing state and actions in components. Kea's architecture centers around a context-based system that manages logic instances, their dependencies, and their connection to the Redux store.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 1 reusable components found
openai/chatkit-js ★ 1956 189 APPLICATION

ChatKit.js provides TypeScript type definitions and React bindings for the ChatKit web component, which is served from a CDN. The repository does not contain the actual web component implementation but offers ergonomic React integration via the `useChatKit` hook and `ChatKit` component, along with comprehensive type safety. Key functionality includes synchronizing React state with the web component, mapping custom events to React handler props, and providing imperative methods to control the chat UI (e.g., sending messages, managing threads). The library emphasizes stable references for options and event handlers to prevent stale closures in React, ensuring reliable integration with the external web component.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 3 reusable components found
HoudiniGraphql/houdini ★ 986 106 APPLICATION

Houdini is a full-stack GraphQL client framework with a compile-time-first approach, targeting React and Svelte applications. It consists of a Go-based compiler pipeline that extracts GraphQL documents from source files, generates optimized runtime artifacts (TypeScript), and manages caching, pagination, subscriptions, and optimistic updates. The runtime includes a normalized cache with fine-grained reactivity, client-side pagination (cursor and offset), progressive form handling with CSRF protection, OAuth integration, and a file-based routing system. The framework also provides a Vite plugin for HMR, a language server (LSP) with GraphQL completions and diagnostics, and production adapters for Node.js, Cloudflare, and static hosting. The architecture is hybrid: the core compiler is written in Go using SQLite for metadata storage, while the client runtime and framework integrations are TypeScript, with a plugin system supporting both Go and JavaScript extensions. The codebase is highly modular, with extensive unit and end-to-end test coverage across both SvelteKit and React.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 10 reusable components found
szhsin/react-transition-state ★ 494 15 APPLICATION

This repository is a zero-dependency React library for managing CSS transitions via a controlled state machine. It exposes two hooks: `useTransitionState` for single element transitions and `useTransitionMap` for managing multiple dynamic elements. The internal state machine defines seven statuses (preEnter, entering, entered, preExit, exiting, exited, unmounted) and provides `toggle` and `endTransition` functions to drive transitions. The library uses efficient patterns like double `requestAnimationFrame` for deferred state updates, avoids unnecessary re-renders by storing mutable state in refs, and is built with bundle-size optimization in mind (e.g., single-character internal property names). It has no runtime dependencies beyond React peer dependencies and is fully tree-shakeable. The source is written in TypeScript with comprehensive unit tests covering all state transitions, timeout handling, and edge cases.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 2 reusable components found
Shopify/web-configs ★ 492 57 APPLICATION

This repository provides a collection of shared configurations and tools for web development at Shopify. It is structured as a monorepo containing multiple npm packages, including ESLint and Stylelint plugins with custom rules, Babel presets, TypeScript configurations, Prettier settings, and utilities for image optimization. The project enforces consistent coding standards across Shopify's web applications and is used in their build and development pipelines. The architecture is modular, with each package providing a specific tool or configuration that can be extended by consumers.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 3 reusable components found
nivandres/intl-t ★ 296 6 APPLICATION

The intl-t repository is a fully-typed, object-based internationalization (i18n) library for TypeScript, React, and Next.js applications. It provides a translation engine that allows developers to access nested translation objects via property traversal (e.g., `t.page.section.title`) with full TypeScript safety. The library supports ICU message formatting for plurals, selections, and variable injection, including the ability to embed React components within translated strings. Architecturally, the library is structured as a monorepo with separate packages for core logic, framework integrations (React and Next.js), utilities, formatting, type declaration generation, and locale definitions. The core package is framework-agnostic and uses proxies to enable lazy loading of locale-specific translation trees for code splitting. Framework-specific packages provide hooks, context providers, middleware, and routing helpers tailored to React and Next.js, including Next.js App Router support for server components and static rendering. The library emphasizes zero external dependencies, modern JavaScript features, and type safety. It includes a CLI tool for generating TypeScript definitions from JSON translation files, ensuring that translation keys are fully typed and IDE-friendly. The Next.js integration offers automatic locale detection, URL localization, and caching mechanisms optimized for server-side rendering and edge environments.

RATING: 9.1/10 MAINT: active DRIFT: low
▸ 4 reusable components found
apache/superset ★ 75052 18431 APPLICATION

Apache Superset is a production-grade business intelligence web application for data exploration and visualization. It provides a full-stack platform (Python Flask backend, React/TypeScript frontend) that connects to over 50 SQL databases, allowing users to create interactive dashboards, design charts via a plugin architecture, execute ad-hoc SQL queries in SQL Lab, and schedule email/slack reports with screenshots. The system manages metadata in a relational database (PostgreSQL/MySQL), uses Celery for background tasks (dashboard thumbnails, report execution), Redis for caching and async events, and exposes a REST API for programmatic access. Key architectural patterns include a command pattern for CRUD operations, DAO layer for data access, a rich chart plugin system with lazy-loaded rendering, and an embedded SDK for external dashboards. The codebase is actively maintained with frequent schema migrations, extensive tests, and an experimental MCP service for AI integration. While primarily an application, it includes data-research-adjacent features like semantic layers and pandas-based post-processing for chart data.

RATING: 9.0/10 MAINT: active DRIFT: low
▸ 3 reusable components found
$ loading more...
$ submit: