Next-gen Web Extension Framework – WXT

What is WXT?

WXT is an open-source tool that makes Chrome Extension development faster than ever before. It provides a next-gen web extension framework that supports multiple browsers, including Chrome, Firefox, Edge, Safari, and any Chromium-based browser.

How does WXT simplify Chrome Extension development?

WXT simplifies the Chrome Extension development process by providing tools for zipping and publishing, the best-in-class dev mode, an opinionated project structure, and more. This allows developers to iterate faster, develop features instead of building scripts, and utilize everything the JS ecosystem has to offer.

Key Features of WXT

Supported Browsers

WXT will build extensions for Chrome, Firefox, Edge, Safari, and any Chromium-based browser.

Fast Dev Mode

WXT provides lightning-fast HMR for UI development and fast reloads for content/background scripts, enabling faster iterations.

File-Based Entrypoints

The manifest is generated based on files in the project with inline configuration.

TypeScript

WXT uses TypeScript by default, allowing developers to create large projects with confidence.

Auto-Imports

WXT provides Nuxt-like auto-imports to speed up development.

Automated Publishing

WXT automatically zips, uploads, submits, and publishes extensions.

Frontend Framework Agnostic

WXT works with any front-end framework with a Vite plugin.

Bundle Analysis

WXT provides tools for analyzing the final extension bundle and minimizing the extension's size.

Who's Using WXT?

WXT is battle-tested and ready for production. Many popular Chrome extensions have been built using WXT, including PreMiD, Record, Transcribe & ChatGPT for Google Meet, StayFree - Website Blocker & Web Analytics, and more.

Price

WXT is an open-source tool, which means it is free to use.