uBlock Origin is a high-performance, wide-spectrum content blocker implemented as a browser extension for Chromium, Firefox, Edge, Opera, and Thunderbird. The architecture is a multi-platform browser extension with a core filtering engine (static network filtering, cosmetic filtering, scriptlet injection) written in highly optimized JavaScript with WebAssembly acceleration (custom HNTrie/BidiTrie compressed tries, LZ4 block codec, public suffix list). The MV2 variant uses webRequestBlocking for real-time request interception, while the MV3 variant (uBO Lite) uses declarativeNetRequest with offscreen documents for filter compilation. A standalone npm package (@gorhill/ubo-core) exposes the static network filtering engine for programmatic use outside the browser. The codebase demonstrates exceptional craftsmanship in its filtering engines: the static network filtering parser and matcher handle the full EasyList syntax plus extensive uBO-specific extensions (replace=, urlskip=, ipaddress=, header=, csp=, permissions=, etc.). The HNTrieContainer implements a compressed trie specialized for right-to-left hostname matching with both JS and WASM implementations. The cosmetic filtering engine supports procedural selectors, scriptlet injection with 50+ scriptlets, and HTML filtering. The s14e-serializer provides efficient binary serialization with LZ4 compression for fast engine state snapshots. Differential updates for filter lists minimize bandwidth. The code is meticulously optimized for CPU and memory efficiency, which is critical for a content blocker processing every network request.
NextAI Translator is a multi-platform translation application that provides text translation, polishing, summarization, and OCR capabilities using various LLM providers. It operates as a browser extension (Chrome/Firefox), desktop application (Windows/macOS/Linux via Tauri), userscript, and Safari extension. The application features a modular architecture with shared core logic and platform-specific implementations, supporting real-time text selection translation, translation history, vocabulary management, customizable actions, and text-to-speech functionality. Built with React, TypeScript, and Vite, it employs sophisticated cross-platform abstractions for fetch operations, settings management, and AI provider integration.
Refined GitHub is a browser extension (Chrome, Firefox, Safari) that enhances the GitHub web interface with over 200 modular features. The system is a content script injected into GitHub pages, managed by a feature lifecycle system (feature-manager.tsx) that uses AbortSignal for cleanup. Features are self-contained .tsx files that observe DOM changes, add event listeners, or inject UI elements via Svelte components or dom-chef JSX. The background script handles messaging, hotfixes, and context menus. The options page allows per-domain feature toggles, token management, and custom CSS. The architecture is highly modular and well-organized, with a strong emphasis on performance and cleanup. While the core functionality is UI enhancement, it also makes extensive use of GitHub's GraphQL API for data fetching, with caching via webext-storage-cache. The codebase demonstrates high craftsmanship with patterns like selector-observer, batched functions, and a unidirectional feature registration pattern. Maintenance is active with daily releases, and technical drift is low due to modern tooling (TypeScript, Svelte 5, Rollup, Vitest).
The Quasar Framework monorepo is a comprehensive Vue 3 UI component library and cross-platform application development toolkit. It provides a rich set of reusable components (QBtn, QTable, QDialog, QLayout, etc.), composables (useTimeout, useDark, useForm, etc.), directives (v-ripple, v-touch-pan, etc.), and plugins (Notify, Dialog, Loading, Dark mode, etc.) that enable building responsive web, mobile, and desktop applications from a single codebase. The framework is distributed as multiple packages: the core UI library (`quasar`), a Vite-based CLI (`@quasar/app-vite`) that supports building for SPA, SSR, SSG, PWA, browser extensions (BEX), Cordova, Capacitor, and Electron targets, a project scaffolder (`create-quasar`), a global CLI (`@quasar/cli`), a Vite plugin for auto-imports and Sass variable injection, an icon generation tool (`icongenie`), and an MCP server for AI agent integration. The architecture follows a monorepo pattern managed with pnpm workspaces. The core UI library is built with Vue 3 and exposes a plugin-based system where components, composables, and directives are registered via a central `install-quasar` entry point. The CLI (`app-vite`) uses Vite and Rolldown as build backends, with mode-specific builders that generate optimized output for each target platform. The scaffolding system (`create-quasar`) generates project templates with optional TypeScript, Pinia state management, i18n, and linting configurations. The documentation site (`docs/`) is itself a Quasar SSR application that dogfoods the framework and includes a custom markdown build pipeline with API documentation extraction from JSON descriptors. Key entry points include `ui/src/vue-plugin.js` (framework installation), `app-vite/bin/quasar.js` (CLI dispatcher), `create-quasar/bin/create-quasar.js` (project creation), and `mcp/src/server.js` (AI agent server). External dependencies include Vue 3, Vite, Rolldown, Vitest, Playwright, and various icon libraries. The codebase demonstrates strong engineering practices with extensive unit, integration, and SSR hydration tests, a well-defined composable lifecycle pattern, and a modular build system that abstracts platform-specific concerns behind consistent interfaces.
Impeccable is a design-quality and anti-pattern detection engine for front-end web projects, primarily targeting AI-generated UI. It provides a Rust-based CLI, a WASM browser extension core, and a distributed skill system that plugs into over 20 AI coding assistants (Claude, Cursor, Gemini, etc.). The system runs deterministic detection rules against HTML/CSS to flag common issues like poor contrast, typography problems, layout flaws, and 'AI slop' patterns, and also supports live browser iteration with session management, component review workflows, and comp-vs-build image comparison. All detection logic is implemented as a port of a JavaScript reference, with extensive vector-replay tests to maintain byte-for-byte behavioral parity. Architecturally, the repository is a large Rust workspace with 14+ crates handling distinct concerns: static HTML parsing and CSS cascade (`crates/html`), rule evaluation (`crates/foundation`, `crates/core`), browser automation via CDP (`crates/browser`), live-mode HTTP servers and session management (`crates/live`), and skill packaging/distribution (`crates/skills`, `scripts/`). A Chrome DevTools extension embeds the WASM core for in-page scanning. The project is actively maintained with respect to both the Rust core and the constantly shifting AI-harness integration surface, though that breadth introduces significant drift risk across duplicated skill assets and provider-specific configuration. The codebase demonstrates strong engineering discipline—clean abstractions, pervasive testing, and careful parity management—but the sheer scale and duplication in the skill/plugin tree reduces overall reusability.
Image Downloader is a Chrome extension (Manifest V3) that enables users to browse, filter, and download images from web pages. The extension features a popup UI, side panel, and options page for configuring download behavior. It uses Preact with Signals for state management, Tailwind CSS for styling, and includes sophisticated image processing capabilities like deduplication, resolution-based filtering, and format detection. The architecture consists of a background service worker handling downloads, content scripts for image discovery, and multiple UI interfaces (popup, side panel, options). Key strengths include well-isolated reusable components for image deduplication and discovery, comprehensive test coverage, and modern build tooling with Bun.
FoxyProxy is a cross-browser extension (Chrome, Firefox, Edge) for advanced proxy management. It allows users to configure individual proxies, use pattern-based proxying (wildcard, regex, match patterns), set proxy per tab or container (Firefox), enable global exclude lists, and manage WebRTC settings. The codebase is highly modular, using ES modules and Manifest V3. It implements single proxy, PAC, and 'proxy by patterns' modes, with features like sync, import/export, a live log, pattern tester, and enterprise policy support. The architecture separates concerns clearly: background service worker handles proxy configuration via browser APIs, options page provides full UX, popup offers quick controls, and context menus add convenience. The code is well-structured, uses modern JavaScript (ES2022), and shows solid engineering practices. Reusable modules include pattern validation, file I/O, and flag display utilities.
Vimium is an open-source browser extension for Chrome and Firefox that brings Vim-style keyboard navigation to the web. The codebase implements a sophisticated mode system (Normal, Insert, Find, Visual, etc.) with a central HandlerStack for event interception and bubbling. It provides link hints, a Vomnibar for URL/bookmark/tab search with autocomplete, scrolling, marks, and tab management. The architecture is split into background scripts (service worker) and content scripts injected into every page, communicating via message passing. The extension uses a custom key-mapping DSL parsed by the Commands module, and stores settings in chrome.storage. The UI (options page, help dialog, HUD, Vomnibar) is rendered in iframes with secure messaging via MessageChannel. The codebase is mature, well-tested (unit and DOM tests), and actively maintained by a community of contributors. While primarily an application, it includes a curated list of top-level domains (resources/tlds.txt) for URL parsing, but no research or data pipelines.
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.
Violentmonkey is a mature, open-source browser extension for managing and executing userscripts across Chrome, Firefox, Edge, and other WebExtensions-compatible browsers. The extension provides a full lifecycle for userscripts: installation from URLs or files, automatic updates, syntax-highlighted editing (via CodeMirror 5), per-script configuration, and a dashboard for bulk operations. Its architecture comprises a background service worker (MV3) or background page (MV2), content scripts injected into web pages (with separate realms for page-level GM API execution and content-level bridge), a popup interface, an options dashboard, an installation confirmation page, and an offscreen document for cross-origin requests under MV3. The system integrates multiple sync backends (Dropbox, Google Drive, OneDrive, WebDAV, S3-compatible), supports i18n with 30+ locales via Transifex, and includes custom build tooling for multi-browser packaging. While the core domain is userscript management, the codebase demonstrates sophisticated patterns for secure script injection, anti-spoofing (safe globals), reactive settings, and concurrency-limited storage operations.
ScriptCat is a sophisticated browser extension for managing userscripts with advanced AI agent capabilities. It features a multi-context architecture (content scripts, service worker, offscreen documents, popup/options UI) built with React, TypeScript, and modern web extension APIs. The extension provides userscript installation, execution, synchronization, network rule management, and an integrated AI chat interface with tool execution capabilities. Its architecture demonstrates strong separation of concerns and implements several reusable patterns for cross-context communication, storage abstraction, and caching.
This repository is the frontend client suite for daily.dev, a developer-focused content and community platform. It is structured as a monorepo using pnpm workspaces, containing three primary packages: `packages/webapp` (Next.js application), `packages/extension` (browser extension), and `packages/shared` (shared UI components, hooks, and GraphQL logic). The system aggregates developer content, manages user profiles and communities (Squads), handles monetization (Plus subscriptions, Cores), and provides career opportunities. Key entry points include the Next.js pages router in `packages/webapp/pages` and the extension background/content scripts in `packages/extension/src`. Data flows primarily through GraphQL queries to an external `daily-api` service, with client-side state managed via TanStack Query and Jotai. External dependencies include Paddle for payments, GrowthBook for feature flags, and Cloudinary for media. The architecture emphasizes code sharing and consistency across platforms, with `packages/shared` serving as the core library for UI primitives, business logic, and API abstractions. The webapp utilizes Next.js for server-side rendering and static generation, while the extension leverages web extension APIs for browser integration. The codebase demonstrates strong engineering practices with strict TypeScript typing, comprehensive testing (Jest, Playwright), and a robust design system. However, the heavy reliance on feature flags and the use of a non-LTS Node version (v24.18) introduce some technical debt and potential compatibility risks. The platform supports multiple user journeys including content consumption, community engagement, and monetization. It features a sophisticated feed system with infinite scrolling, personalized recommendations, and content preferences. The extension provides companion features like new tab pages and frame embedding, requiring careful synchronization with the web app's authentication and permission models. The codebase is well-structured but complex, with deep nesting of contexts and modals that could impact maintainability if not carefully managed.
This repository, named 'AI Short' (ChatGPT-Shortcut), is a production-grade Docusaurus-based web application that serves as a curated, multilingual library of over 5,000 AI prompts for ChatGPT, Gemini, Claude, and similar tools. The application provides a searchable, tag-filterable interface with prompt cards, copy-with-tracking, and detailed pages featuring FAQs and related prompts. It supports 18 languages via separate Docusaurus builds and includes a browser extension (Chrome/Firefox) for quick access. Beyond the static prompt data, it offers a community platform with user accounts (OAuth), favorites, custom prompt creation, voting, comments, and a level system. The frontend is a React 19 SPA with Ant Design 6, featuring client-side caching, optimistic UI updates, and lazy-loaded components. The backend (Strapi) is not open-sourced but the API contracts are fully defined. Deployment options include standard (shared backend), offline (localStorage), and full self-hosted setups. The code demonstrates strong engineering practices: clean component decomposition, custom hooks for data management, a two-tier cache system with ETag support, and thoughtful accessibility patterns. The prompt data itself is static JSON, generated from a master file via a Python pipeline, and includes rich metadata for SEO and cross-referencing.
This repository is a browser extension for generating two-factor authentication (2FA) TOTP and HOTP codes. It allows users to securely store account secrets (optionally encrypted with a passphrase), generate codes for login, and provides features such as autofill into web pages, cloud backups (Dropbox, Google Drive, OneDrive), and synchronization across browsers. The extension is built with TypeScript and Vue 2.x, using Webpack for bundling and Vuex for state management. It supports multiple browsers (Chrome, Firefox, Edge) and manifests for Manifest V3. The architecture consists of a background service worker (for handling events and cloud sync), a popup UI (for displaying codes and managing accounts), an options page (for settings), content scripts (for autofill and QR code scanning), and an import page. Data flows involve storing encrypted account secrets in browser storage, generating OTPs from these secrets, and securely backing up and restoring data via cloud services or encrypted files. External dependencies include browser APIs, cloud service APIs (OAuth), and cryptographic libraries (argon2-browser, crypto-js, node-gost-crypto). The codebase demonstrates good engineering practices with clear separation of concerns, reusable abstractions for encryption and storage, and a modular structure for UI components and cloud backup providers. It includes internationalization support, a security advisor for recommendations, and a test suite (unit and end-to-end). While the project faces some technical debt due to its reliance on Vue 2.x and complex backup integrations, it remains actively maintained and functional.
Read Frog is a browser extension for AI-assisted language learning. It provides in-page translation, video subtitle translation, text-to-speech, and a selection toolbar with custom AI actions. The extension supports over 30 language model and translation providers, configurable via a unified provider interface, with features like automatic page translation, hover translation, and AI-powered note suggestions. The architecture is built on the WXT framework (MV3) for cross-browser compatibility, with a background service worker orchestrating translation queues, caching, and state management. The frontend uses React 19, Jotai for state, TanStack Query for data fetching, and a custom Base UI component library. The codebase is highly modular with extensive test coverage, a versioned configuration migration system (100+ schema versions), and sophisticated DOM manipulation for in-place translation.
Ui.Vision is a browser extension for Robotic Process Automation (RPA) that provides web and desktop automation capabilities. It features a React/Redux UI with Ant Design, supporting both table-based macros (Selenium IDE compatible) and JavaScript script macros. The extension includes computer vision for image-based automation, OCR functionality, AI-assisted macro creation, and desktop automation through native XModules. It implements a storage abstraction layer supporting browser and file system modes, backup/restore functionality, and an MCP bridge for external AI agent control. The architecture follows web extension patterns with background scripts, content scripts, and a rich UI layer, communicating via IPC mechanisms.
The Obsidian Web Clipper is a browser extension that enables users to clip web content and save it as markdown notes in their Obsidian vault. It features a modular architecture with background scripts, content scripts, popup UI, and settings pages, plus a CLI component. The extension provides highlighting, reader mode, template-based formatting with variables and filters, AI-powered content processing, and cross-browser support for Chrome, Firefox, and Safari. Data flows from user interaction through the popup UI to content scripts that extract and process webpage data, which is then formatted via a template engine and saved to Obsidian. The system relies on webextension-polyfill for cross-browser compatibility, defuddle for content extraction, and various UI libraries for functionality.
Buster is a browser extension that solves reCAPTCHA audio challenges using speech recognition. When users encounter a reCAPTCHA with an audio challenge, they can click the extension button to automatically transcribe and submit the solution. The extension supports multiple speech recognition services including Google Cloud Speech-to-Text, IBM Watson, Microsoft Azure, Wit.ai, and local options like Whisper and Gemini Nano. It also offers a companion client app that can simulate user interactions to improve success rates. Built with Vue.js/Vuetify and designed for cross-browser compatibility (Chrome, Edge, Firefox, Opera), the extension uses Manifest V3 where available and includes features like theme support, automatic updates, and contribution prompts.
Reddit Enhancement Suite (RES) is a browser extension that enhances the Reddit browsing experience. It injects a content script into Reddit pages and provides dozens of modular features such as inline media expansion, keyboard navigation, user tagging, account switching, night mode, content filtering, and comment tools. The architecture is modular: each feature is a self-contained Module with lifecycle hooks, and media support is extensible via a Host plugin system. The extension communicates between foreground (content script) and background (service worker) using a custom messaging abstraction built on browser runtime ports. Persistent configuration and user data are stored via a storage wrapper layer that supports key-value, prefix, and blob modes with atomic compare-and-set semantics. The build pipeline uses esbuild with Flow type stripping, and the project includes integration tests via Nightwatch and unit tests via ava. The codebase is mature and well-organized, though it relies on older patterns (Flow, jQuery, lodash) and is tightly coupled to Reddit's DOM and API, which introduces maintenance risk when Reddit changes. There are no data analysis or research components; it is purely a client-side enhancement application.
Ember Inspector is a browser extension (Chrome, Firefox, Opera, bookmarklet) that provides a rich debugging interface for Ember.js applications. It injects the `ember-debug` library into the target page, which collects runtime information about components, routes, data (Ember Data), promises, render performance, deprecations, and object internals. The inspector UI is an Ember.js application that communicates with the injected debug library via a message-passing port abstraction, using adapters specific to each browser environment. The codebase is a monorepo with four packages: `ember-debug` (injected debug library), `ember-inspector` (UI), and two test apps (classic and vite). It is actively maintained by the Ember core team, with CI/CD pipelines, extensive tests, and automated release planning. Architecture: The system is split into two halves. The `ember-debug` package uses a `Port` class for event-driven messaging and adapters (Chrome, Firefox, WebSocket, bookmarklet) to bridge the injected script to the extension's background page or devtools panel. The `ember-inspector` package is a full Ember app that renders tabs (Component Tree, Route Tree, Data, Promises, Deprecations, Render Performance, Info) and features an Object Inspector for drilling into property values and editing them. The UI uses a schema-based list rendering pattern, debounced search, and resizable/draggable columns. The object inspector handles both classic Ember objects and modern Glimmer components, including computed properties, tracked properties, getters, and services. Despite reliance on private Ember APIs and version-specific code paths, the codebase demonstrates strong engineering practices, with modular components that are potentially reusable (e.g., port messaging, adapter pattern, resizable columns, property display component).