Projects sharing features with Chrome Extension Boilerplate React Vite

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

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

jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

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.

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

This project is a browser extension reading assistant and speed reading tool. It functions as a web accessibility interface that modifies the appearance of text on websites to help users skim content more quickly and reduce eye strain. The tool implements bionic reading acceleration by bolding the initial parts of words to create visual anchors. Users can customize this experience by adjusting fixation strength, word intervals, and visual styling such as colors and opacity. The software covers broad reading enhancement capabilities, including layout management for line height and dark mode,

Plasmo is a browser extension framework and build tool designed for developing cross-browser extensions from a single codebase. It functions as a development environment that automates manifest generation and bundles source code into compatible packages for multiple web browser engines. The project includes a developer toolset featuring hot module replacement for real-time code updates and an automated publisher to deliver completed builds to various browser web stores. Its capability surface covers extension UI development through the injection of components into web pages and a communicati

TodoMVC is a web application specification and a JavaScript framework comparison suite. It provides a standardized set of requirements used to generate feature-complete task-tracking applications across different languages and frameworks, serving as a frontend architectural reference. The project functions as a behavioral test suite and a cross-framework benchmark. It allows for the evaluation of frontend libraries by comparing identical application implementations to analyze differences in syntax, coding patterns, and functional capabilities. The suite covers broad capability areas includin

Intern is a JavaScript test framework and runner designed for executing unit and functional tests across different environments. It serves as an end-to-end testing tool and cross-browser testing suite to verify that application behavior remains consistent across multiple desktop and mobile web browsers. The project enables automated browser testing by controlling web drivers and utilizing cloud testing services to simulate user interactions. This allows for the automation of functional tests and cross-platform web testing to identify bugs in a web interface. The system provides capabilities

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

Karate is an end-to-end testing framework and API test automation tool used to validate REST and SOAP APIs, drive browser interactions, and measure system performance. It functions as a unified solution for executing automated tests across both API backends and web frontends. The framework utilizes a custom domain specific language and Gherkin-style feature mapping to define requests and assertions. It includes an API mocking server to simulate backend responses, enabling development and integration testing without live dependencies. The tool covers a broad range of functional testing catego

Vue-pure-admin is a Vue 3 admin dashboard template and frontend boilerplate designed for developing backend management tools. It functions as a TypeScript web application scaffold that integrates Vite for the build pipeline and Element Plus for the UI framework. The project provides a responsive admin interface that adapts to both desktop and mobile screens. It is structured as an enterprise frontend architecture to support the creation of scalable professional web applications. The system includes capabilities for bootstrapping backend management systems, optimizing bundle sizes, and deploy

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

Angular-seed is a boilerplate project designed to facilitate the development of modular web applications. It provides a structured environment for building user interfaces through a component-based architecture, where logic, styles, and templates are encapsulated into self-contained units. The framework utilizes a dependency injection container to manage object lifecycles and promote modularity across the codebase. It supports reactive data binding and two-way synchronization between the data model and the view layer, ensuring that the user interface reflects the current application state. T

Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and single-page applications. It centers on a declarative template system that transforms HTML into efficient render functions, allowing developers to organize complex interfaces into isolated, reusable units that synchronize automatically with application state. The framework distinguishes itself through a dependency-tracking reactivity system that monitors data access during rendering to trigger precise updates. It provides a flexible architecture that supports both incremental adoption

Scriptcat is a user script manager and browser extension designed to install, execute, and manage custom JavaScript scripts to modify website behavior and extend browser functionality. It features a JavaScript sandbox environment that provides specialized APIs for storage, cookies, and system notifications, alongside a cloud-synced script repository to keep subscriptions and configurations consistent across multiple devices. The project includes an in-browser script editor for writing, testing, and debugging code directly within the browser. It also incorporates a cross-domain request engine

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

This project is a pre-configured architecture and development environment designed for building large-scale single page applications using the Vue framework. It serves as an enterprise application template that provides a structured project foundation and opinionated directory layouts for professional-grade software development. The boilerplate streamlines the development workflow through a Vue CLI build configuration that includes automated component imports and global style injection. It further optimizes project organization by implementing alias-based module resolution to simplify file re

openapi-devtools is a browser extension and OpenAPI specification generator that captures network traffic to automatically document the API structures of websites and applications. It functions as an HTTP traffic capturer and browser-based documentation tool, mapping real-time network requests into standardized API specifications. The tool enables API reverse engineering by intercepting outbound HTTP traffic and using heuristic-based merging to combine headers, bodies, and parameters from multiple requests into unified endpoint definitions. These captured definitions can be visualized as huma

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

This project is a set of build tools and a Vite plugin for browser extension development. It functions as a build tool and hot module replacement framework that automates asset bundling by using the extension manifest as the primary source of truth. The tooling provides a zero-config workflow for cross-browser extensions, integrating real-time code updates into the development process. This allows specific components and scripts to be updated in the browser without requiring a full manual reload of the extension. The suite also includes an end-to-end testing framework and utility for browser

N-Tab is a browser extension designed to manage browser tab lifecycles by consolidating open web pages into organized, virtual sessions. It functions as a session management tool that allows users to group tabs into custom folders, recover recently closed pages, and reduce system memory usage by offloading active tabs into a centralized interface. The extension distinguishes itself through its support for cross-device synchronization, enabling users to back up and share saved tab configurations across multiple browser instances via remote cloud storage. It also provides a declarative command

This framework is a server-side development platform for building interactive, data-driven web applications using Java. It provides a comprehensive component model that allows developers to construct complex user interfaces entirely through backend code, abstracting away the need to manually manage HTML, CSS, or client-side scripting. The platform distinguishes itself by maintaining the application state and user interface hierarchy on the server, synchronizing changes to the browser through a persistent communication channel. This architecture enables developers to bind backend domain object

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