Open-source alternatives to Wxt

gmail.js is a JavaScript library and development kit for building browser extensions that interact with the Gmail web interface. It provides a framework for automating communication workflows, extracting email metadata and content from active browser sessions, and injecting custom UI elements. The library distinguishes itself by enabling interaction with the Gmail interface through DOM manipulation and event interception without requiring external API authentication. It includes a toolkit for programmatically adding buttons, menus, and modal windows directly into the application layout. The

This repository serves as a comprehensive reference library for browser extension development, providing a collection of code samples and implementation patterns. It is designed to help developers understand the requirements for building extensions that adhere to current manifest standards, specifically focusing on the transition to and implementation of version three specifications. The project provides functional examples for core extension capabilities, including the use of event-driven background service workers, isolated content script injection, and message-passing for inter-process com

This project is a pre-configured development environment and boilerplate for building Chrome extensions using React and Webpack. It provides a structured project layout and a build system designed to bundle content scripts and background pages into a browser-ready manifest format. The toolkit emphasizes development speed and code quality through a hot reloading system that automatically refreshes the browser upon saving source files. It integrates TypeScript to provide static type definitions for browser extension APIs, ensuring type safety and intelligent code completion during development.

This project is an Xcode runtime code injector and developer productivity tool. It enables the injection of Swift and Objective-C code changes into a running application without requiring a process restart, functioning as a hot module replacement tool for iOS development. The tool provides a dynamic UI debugger for reloading storyboards and tuning visual parameters in real time. It allows for the recompilation of individual classes and the binding of new implementations into a live process, avoiding full project rebuilds. The system covers runtime injection capabilities, including automated

extension.js is a browser extension development framework and build tool designed to facilitate the creation, testing, and packaging of web extensions. It provides a system for building a single codebase that maintains compatibility across different browser environments. The framework utilizes adapters to map code to various browser specifications and includes a hot-reloading tool that updates background and UI scripts in real-time. It also manages isolated browser binaries to keep development environments separate from system installations. The toolset covers the full development lifecycle,

Snowpack is an ESM-powered frontend build tool and development server that serves native ES modules directly to the browser. By eliminating the bundling process during development, it enables nearly instant server startup and unbundled frontend development. The project features a framework-aware hot module reload system that preserves component state during updates, with specific Fast Refresh integration for React, Preact, Svelte, and Vue. It also acts as a modern web transpiler, automatically converting TypeScript, JSX, and CSS Modules into browser-compatible code without requiring manual co

react-hot-loader is a developer utility for updating React components and hooks in real time. It functions as a state-preserving UI updater that wraps components in proxies, allowing the underlying logic to be replaced without unmounting the component tree. The tool maintains internal application state across hot module updates by swapping component logic while keeping the mount point constant. It includes mechanisms to intercept rendering errors during updates through temporary error boundaries and manages hook-order validation to prevent state mismatches when functional hooks change. The p

electron-vite is a build system and multi-process bundle orchestrator that uses Vite to compile and bundle the main, preload, and renderer processes for Electron applications. It functions as a desktop application scaffolder, providing templates to integrate various frontend frameworks into a standardized project structure. The project distinguishes itself through integrated source code protection, utilizing a V8 bytecode obfuscator to compile JavaScript into bytecode and obfuscate strings to prevent reverse engineering. It also manages complex desktop architectures by isolating bundles and s

This project is a development template and build system designed for creating browser extensions. It provides a unified framework that allows developers to maintain a single codebase for extensions targeting Chrome, Firefox, and Opera. The tool streamlines the development cycle by normalizing browser-specific manifest requirements and providing a build pipeline that handles asset transformation and dependency resolution. It includes a live-reloading server to facilitate immediate feedback during development and supports the injection of environment variables to manage configuration settings a

This project is a starter template and boilerplate for building isomorphic web applications using React, Redux, and Express. It functions as a server-side rendering framework that generates HTML on the server and rehydrates it on the client to improve search engine optimization and initial page load speeds. The project is distinguished by its focus on developer experience, featuring a configuration for hot module replacement. This allows for the real-time updating of the user interface and application state during development without requiring a full browser refresh. The framework provides c

Extension.js is a development framework designed to manage the entire lifecycle of browser extensions from initial creation to production distribution. It functions as a cross-browser build tool that compiles a single codebase into compatible artifacts for multiple platforms, including Chrome, Edge, and Firefox, while automating manifest management and configuration. The framework distinguishes itself through an iterative development workflow that supports hot module replacement for background, content, and popup scripts, allowing changes to be applied instantly without manual browser refresh

electron-vue is a pre-configured project boilerplate and scaffolding system for building desktop applications using Electron and Vue.js. It provides a standardized project structure and an integrated build pipeline to accelerate the development of desktop software. The project enables a hybrid deployment model, allowing developers to generate both standalone desktop executables for multiple operating systems and browser-compatible web versions from a single codebase. It distinguishes its development workflow with hot reloading and hot module replacement to update the user interface in real-ti

Cosmos is a UI component sandbox and development tool used for building and testing user interface elements in isolation from main application logic. It serves as a frontend design system tool and a modular prototyping environment for verifying the visual behavior and functionality of reusable interface components. The tool provides a dedicated workspace for iterating on visual elements and their states without requiring a full application deployment. This environment supports a frontend design system workflow by allowing components to be developed and documented independently before project

VitePress is a static site generator designed for building documentation-focused websites. It functions as a framework that transforms markdown source files into pre-rendered HTML, utilizing file-based routing to map document paths directly to site URLs. By leveraging the Vue ecosystem, it enables the creation of content-heavy sites that combine static delivery with dynamic interactivity. The framework distinguishes itself by allowing developers to embed interactive components directly into markdown files, which are then transpiled into executable code modules. It optimizes the user experienc

Dva is a state management library and client-side application framework designed for building user interfaces with React and Redux. It functions as an asynchronous logic orchestrator and a single page application router, organizing application data through a structured data flow of reducers, effects, and subscriptions. The framework distinguishes itself through the use of generator functions to manage asynchronous workflows and sequential side effects, keeping these operations separate from synchronous state updates. It implements namespace-based model organization to group business logic and

MPX is a cross-platform framework designed to build applications for multiple mini-program ecosystems and the web from a single codebase. It utilizes a static transpilation pipeline to transform source code into platform-specific bundles, employing a single-file component system that encapsulates templates, logic, and styles. The framework provides a reactive state management system that automatically synchronizes application data with the user interface through computed properties and watchers. The project distinguishes itself through a robust build-time toolchain that supports sub-package p

This is a foundational project structure for building scalable web applications using React. It provides a standardized directory structure and build tools to accelerate the bootstrapping of new projects, featuring a Redux architecture for predictable state management through unidirectional data flow and an immutable store. The project is distinguished by a command-line interface for generating standardized components, containers, and routes from predefined templates. It implements an offline-first framework using service workers to enable progressive web app functionality, alongside a compon

react-slingshot is a JavaScript frontend boilerplate and starter kit designed to bootstrap React applications. It provides a pre-configured foundation that integrates React and Redux for state management, alongside routing and a unidirectional data flow. The project features an integrated build pipeline that handles Babel transpilation, Sass compilation, and module bundling. It includes a development environment with hot module replacement and source maps for rapid iteration, as well as production optimization tools for minifying assets and analyzing bundle size. The toolkit covers a broad s

c3c is the compiler for the C3 programming language, transforming source code into executable binaries, static libraries, or dynamic libraries using an LLVM backend. It implements a system based on result-based error handling, scoped memory pooling, and a semantic macro system. The compiler provides first-class support for hardware-backed SIMD vectors that map directly to processor instructions and enables runtime polymorphism through interface-based dynamic dispatch. The project covers a broad set of low-level capabilities, including manual and pooled memory management, inline assembly inte

This project is a boilerplate and development environment designed for building browser extensions using React and TypeScript. It provides a pre-configured foundation that streamlines the creation of cross-browser extensions, ensuring compatibility across platforms like Chrome, Firefox, and Edge through automated manifest packaging and build pipelines. The framework distinguishes itself by integrating isolated component development, allowing developers to verify interface elements in a sandboxed environment before full integration. It also incorporates utility-first styling and static type ch

《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验

Markdown Here is a browser extension that enables rich text composition within web-based editors that lack native formatting support. By transforming plain text markdown syntax into rendered HTML, it allows users to draft professional emails and documents using standard markup, including headers, tables, and footnotes, directly inside their browser. The tool distinguishes itself through a bidirectional transformation engine that supports both the conversion of markdown to HTML and the reversion of rendered content back into its original source code. This state-preserving functionality allows

React Refresh Webpack Plugin is a development tool that enables live reloading of React components while preserving their local state during development. It integrates with build processes to instantly update component code without losing user state or session data, while also offering options to clear and reinitialize component state when unstable interfaces need clean recovery. The plugin manages updates and state preservation in the browser by intercepting the bundling lifecycle, applying abstract syntax tree transformations to inject metadata and preamble hooks, and communicating with mod

Chrome-extension-webpack-boilerplate is a developer workflow toolkit and webpack template for building browser extensions with modern JavaScript, automatic live reloading, and asset bundling. It organizes extension source code into structured folders for popups, options pages, background scripts, and manifests. The development workflow features a hot reload development server and automatic browser refreshing whenever source files change. It includes capabilities to exclude specific content scripts from hot reload cycles and write those designated bundle files directly to disk. The toolkit a

Greasemonkey is a Firefox extension that functions as a JavaScript userscript engine and manager, executing custom scripts on target web pages to automate tasks and alter page functionality. It injects user code into the isolated execution context of web pages before or during page load, allowing users to modify content, behavior, and styling dynamically on specific websites. The extension integrates natively into the browser extension system using background processes and messaging interfaces. It parses special comment blocks inside scripts to determine execution permissions, URL matching pa

Ember Inspector is a browser extension and developer tool that adds a dedicated debugging tab to standard web browser developer tools for examining running web applications built with Ember. It extracts and serialises live application objects, component trees, and data stores into an inspection interface, providing visibility into internal application state, services, and component hierarchies. In addition to traditional extension packaging for major web browsers, the tool supports dynamic script injection through a saved bookmarklet snippet. This bookmarklet loader enables the debugging inte

Vitesse is a pre-configured starter template for building Vue applications with Vite and TypeScript. It functions as a static site generator and a progressive web app scaffold, providing a standardized development environment for web projects. The project distinguishes itself through a file-based routing system that automatically maps application routes based on the project folder structure. It employs an atomic CSS framework to generate on-demand utility classes for performant stylesheets and an automated component injection mechanism to remove repetitive import statements. The toolkit cove