Home

Awesome

<h1 align="center"> <img style="vertical-align:middle" width="44" src="https://raw.githubusercontent.com/wxt-dev/wxt/HEAD/docs/public/hero-logo.svg" alt="WXT Logo"> <span>WXT</span> </h1> <p align="center"> <a href="https://www.npmjs.com/package/wxt" target="_blank"><img alt="npm" src="https://img.shields.io/npm/v/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://www.npmjs.com/package/wxt" target="_blank"><img alt="npm" src="https://img.shields.io/npm/dm/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://github.com/wxt-dev/wxt/blob/main/LICENSE" target="_blank"><img alt="NPM" src="https://img.shields.io/npm/l/wxt?labelColor=black&color=%234fa048"></a> <span> </span> <a href="https://codecov.io/github/wxt-dev/wxt" target="_blank"><img alt="Codecov" src="https://img.shields.io/codecov/c/github/wxt-dev/wxt?labelColor=black&color=%234fa048"></a> </p> <p align="center"> <span>Next-gen framework for developing web extensions.</span> <br/> <span>āš”</span> <br/> <q><i>It's like Nuxt, but for Web Extensions</i></q> </p> <p align="center"> <a href="https://wxt.dev/guide/installation.html" target="_blank">Get Started</a> &bull; <a href="https://wxt.dev/api/config.html" target="_blank">Configuration</a> &bull; <a href="https://wxt.dev/examples.html" target="_blank">Examples</a> &bull; <a href="https://github.com/wxt-dev/wxt/blob/main/packages/wxt/CHANGELOG.md" target="_blank">Changelog</a> &bull; <a href="https://discord.gg/ZFsZqGery9" target="_blank">Discord</a> </p>

Example CLI Output

Demo

https://github.com/wxt-dev/wxt/assets/10101283/4d678939-1bdb-495c-9c36-3aa281d84c94

Quick Start

Bootstrap a new project:

pnpm dlx wxt@latest init <project-name>

Or see the installation guide to get started with WXT.

Features

Contributors

<a href="https://github.com/wxt-dev/wxt/graphs/contributors"> <img src="https://contrib.rocks/image?repo=wxt-dev/wxt" /> </a>