Projects sharing features with React Typescript Web Extension Starter

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,

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

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.

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 pre-configured starter template and development environment for building web applications using TypeScript and React. It provides a project scaffold that automates the initial setup of build configurations and type safety. The environment includes a build pipeline for compiling and bundling React components, alongside a local development server featuring live reloading and integrated linting. It also provides a boilerplate for Progressive Web Apps, incorporating service worker support for offline asset caching. Broad capability areas cover frontend build automation, web app

Konsta is a cross-platform mobile design system and native-style component library. It provides a collection of pre-made user interface components built with Tailwind CSS to create mobile application views that maintain a consistent native appearance across different mobile operating systems. The library focuses on native interface emulation, applying design systems that mimic the official visual styles and guidelines of iOS and Android. It uses platform-specific style mapping and design-system-based theming to ensure hybrid or web applications look like native apps. The framework covers mob

This project is a modular user interface framework for Vue applications that provides a collection of reusable components built with Tailwind CSS. It functions as a configuration-driven design system tool, enabling developers to maintain visual consistency across complex applications through centralized theme management and utility-based styling. The library distinguishes itself through a highly configurable architecture that supports variant-based style mapping and component instance customization. Developers can define global defaults or create multiple versions of the same interface elemen

This project is a software engineering style guide and a curated collection of architectural patterns and coding standards. It provides a multi-language coding standard to ensure maintainable software across Ruby, Python, JavaScript, and Swift. The project establishes a development workflow specification for version control, continuous integration, and peer review to maintain a linear project history. It also includes a web accessibility framework based on ARIA and WCAG standards, using design tokens and semantic HTML patterns to build inclusive interfaces. The guides cover a broad range of

This project is a terminal-based framework designed to automate the scaffolding of new software projects. It functions as a development workflow tool that generates consistent file structures, boilerplate code, and configuration files to streamline the initialization of application environments. The system operates through a structured, inheritance-based architecture where developers define custom generation logic by extending base classes. This process is managed by a synchronous execution pipeline that orchestrates tasks in a specific sequence, ensuring that file creation, dependency instal

Reui is a React UI component library and front-end framework distributed under the MIT license. It provides a collection of reusable, pre-built React components for building modern web application interfaces. The library is built on a component-based architecture that uses declarative rendering through JSX, with state management handled by React Hooks. It employs CSS Modules for scoped styling and Tailwind CSS for utility-first styling, while TypeScript provides static type checking across the codebase. The project organizes components using a file-based structure and uses a module bundler bu

This project is a command-line utility designed to automate the initialization and maintenance of React application environments. It provides a structured foundation for new projects by scaffolding pre-configured build settings, directory layouts, and testing environments, allowing developers to jumpstart their workflows with standardized configurations. The tool distinguishes itself through its integrated approach to both project scaffolding and ongoing development tasks. Beyond initial setup, it includes generators for creating standardized user interface components, complete with associate

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

Checkstyle is a Java static analysis tool and linter designed to identify and enforce coding standards and best practices. It functions as a code quality auditor and Javadoc validation tool, checking source code against configurable rulesets to ensure structural and stylistic consistency. The project allows for the creation of custom linting rules by extending a core API to inspect the abstract syntax tree. It further enables specialized validation through the use of XPath expressions to query the syntax tree for specific code patterns and violations. Capability areas include the enforcement

This project is a comprehensive, curated directory of static analysis, linting, and security scanning utilities. It serves as a central resource for developers to discover, compare, and select tools based on specific programming languages, licensing models, and integration requirements. The directory distinguishes itself by providing deep metadata for each listed utility, including community-driven popularity rankings, maintenance status, and deployment methods. By aggregating these tools into a single searchable index, it enables teams to identify solutions for enforcing coding standards, ma

This project is a production-ready starter template for building web applications with the React framework. It provides a structured environment that enforces type safety and consistent coding standards across the entire application stack using TypeScript. The boilerplate distinguishes itself by integrating pre-configured modules for authentication, database management, and internationalization. It includes built-in support for managing user sessions, performing type-safe database operations, and localizing interface content into multiple languages to support a global user base. The project

This project is a production-ready enterprise boilerplate and starter for building high-performance web applications with Next.js. It provides a foundational architecture for large-scale application bootstrapping, combining a TypeScript web starter with a pre-configured project structure and professional toolset. The project distinguishes itself through an integrated suite of operational tools, including CI/CD deployment pipelines, infrastructure-as-code provisioning, and a component-driven UI development sandbox. It incorporates a utility-first styling architecture using Tailwind CSS and a l

This project is a professional HTML5 website template and responsive web starter that provides a foundation of pre-configured HTML, CSS, and JavaScript files. It serves as a cross-browser compatibility base, ensuring consistent rendering and performance across modern web browsers. The project includes a web metadata framework to standardize Open Graph and social metadata for content previews on external platforms. It also provides a front-end build pipeline to lint, format, and optimize source assets into production-ready distribution files. The codebase covers broad capability areas includi

One is a command-line utility designed to manage the lifecycle of PHP applications. It provides a unified interface for initializing standardized project structures and configurations, ensuring consistent organization from the start of development. The tool integrates automated routines to maintain application stability and code health. It performs dependency verification, static analysis, and code style enforcement to validate project integrity before deployment. Additionally, it includes a structured communication interface for reporting security vulnerabilities, allowing maintainers to rev

Pylint is a static code analysis tool for Python that checks source code for errors, coding standard violations, and code smells without executing the program. It parses code into an abstract syntax tree and walks the tree to detect issues, enforces configurable style rules and naming conventions, and identifies duplicate code blocks by comparing tokenised source sequences. The tool also includes an inference engine that deduces variable types by simulating code paths, enabling deeper analysis even in untyped code. What distinguishes Pylint is its plugin-based checker architecture, which allo

This project is a static analysis tool and linter designed to improve the quality, reliability, and portability of shell scripts. By performing deep structural analysis, it identifies common programming pitfalls, syntax errors, and security vulnerabilities before scripts are executed. It functions as an automated code reviewer that enforces best practices and helps developers maintain consistent, robust code across different operating environments. The tool distinguishes itself through its dialect-aware grammar resolution, which adapts its parsing logic based on the specific shell interpreter

Excelize is a library for reading and writing spreadsheet files in the Office Open XML format. It provides a comprehensive suite of tools for programmatically creating, modifying, and analyzing workbooks, worksheets, and cell data, ensuring compatibility across various office software suites through structured XML serialization. The library distinguishes itself with a built-in formula calculation engine that evaluates complex mathematical and logical expressions directly against workbook data. It also features a memory-mapped streaming architecture, which allows for the efficient processing o

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 project is a boilerplate for Chrome extension development, utilizing React and Vite to build custom functionality and user interfaces for web browsers. The development workflow emphasizes fast iteration through hot-reload capabilities and module rebuilding, which reflect code changes in the browser without manual reloading. It includes a type-safe internationalization system for managing multi-language support and automated end-to-end testing to verify feature stability across different browser packages. The architecture provides a component-based framework for creating popups, options

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

WXT is a development framework and build tool for creating browser extensions. It transforms source code into browser-compatible formats and provides a structured environment for managing the compilation and asset management of web extensions. The framework automates the definition of background and content scripts by mapping the file-system structure directly to extension manifests. It includes a development environment with hot module replacement to apply real-time code updates in the browser without manual restarts. The toolset covers the full extension lifecycle, including project bootst

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