WXT

---
url: /
title: Next-gen Web Extension Framework
---

# WXTNext-gen Web Extension Framework

An open source tool that makes web extension development faster than ever before.

[Get Started](/guide/installation.html)

[Learn More](/guide/introduction.html)

![WXT](/hero-logo.svg)

[🌐Supported BrowsersWXT will build extensions for Chrome, Firefox, Edge, Safari, and any Chromium based browser.Read docs ](/guide/essentials/target-different-browsers.html)

[✅MV2 and MV3Build Manifest V2 or V3 extensions for any browser using the same codebase.Read docs ](/guide/essentials/config/manifest.html)

⚡

## Fast Dev Mode

Lightning fast HMR for UI development and fast reloads for content/background scripts enables faster iterations.

[📂File Based EntrypointsManifest is generated based on files in the project with inline configuration.See project structure ](/guide/essentials/project-structure.html)

🚔

## TypeScript

Create large projects with confidence using TS by default.

[🦾Auto-importsNuxt-like auto-imports to speed up development.Read docs ](/guide/essentials/config/auto-imports.html)

🤖

## Automated Publishing

Automatically zip, upload, submit, and publish extensions.

[🎨Frontend Framework AgnosticWorks with any front-end framework with a Vite plugin.Add a framework ](/guide/essentials/frontend-frameworks.html)

[📦Module SystemReuse build-time and runtime-code across multiple extensions.Read docs ](/guide/essentials/wxt-modules.html)

[🖍️Bootstrap a New ProjectGet started quickly with several awesome project templates.See templates ](/guide/installation.html#bootstrap-project)

📏

## Bundle Analysis

Tools for analyzing the final extension bundle and minimizing your extension's size.

[⬇️Bundle Remote CodeDownloads and bundles remote code imported from URLs.Read docs ](/guide/essentials/remote-code.html)

## Sponsors [​](#sponsors)

WXT is a [MIT-licensed](https://github.com/wxt-dev/wxt/blob/main/LICENSE) open source project with its ongoing development made possible entirely by the support of these awesome backers. If you'd like to join them, please consider [sponsoring WXT's development](https://github.com/sponsors/wxt-dev).

[![WXT Sponsors](https://raw.githubusercontent.com/wxt-dev/static/refs/heads/main/sponsorkit/sponsors-wide.svg)](https://github.com/sponsors/wxt-dev)

## Put Developer Experience First [​](#put-developer-experience-first)

WXT simplifies the web extension development process by providing tools for zipping and publishing, the best-in-class dev mode, an opinionated project structure, and more. Iterate faster, develop features not build scripts, and use everything the JS ecosystem has to offer.

  
 And who doesn't appreciate a beautiful CLI? 

## Who's Using WXT? [​](#who-s-using-wxt)

Battle tested and ready for production. Explore web extensions made with WXT.

---
url: /guide/introduction.html
title: Welcome to WXT
---

# Welcome to WXT [​](#welcome-to-wxt)

WXT is a modern, open-source framework for building web extensions. Inspired by Nuxt, its goals are to:

* Provide an awesome [DX](https://about.gitlab.com/topics/devops/what-is-developer-experience/)
* Provide first-class support for all major browsers

Check out the [comparison](/guide/resources/compare.html) to see how WXT compares to other tools for building web extensions.

## Prerequisites [​](#prerequisites)

These docs assume you have a basic knowledge of how web extensions are structured and how you access the extension APIs.

:::warning New to extension development?
If you have never written an extension before, follow Chrome's [Hello World tutorial](https://developer.chrome.com/docs/extensions/get-started/tutorial/hello-world) to first **_create an extension without WXT_**, then come back here.
:::

You should also be aware of [Chrome's extension docs](https://developer.chrome.com/docs/extensions) and [Mozilla's extension docs](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions). WXT does not change how you use the extension APIs, and you'll need to refer to these docs often when using specific APIs.

  
---