# React+Vite Extension Template

> Create extensions with React+Vite with this template. Click on the homepage URL to learn more.

Canonical page: [https://chrome-stats.com/d/react-vite-extension-template](https://chrome-stats.com/d/react-vite-extension-template)

## Overview

- **ID:** `react-vite-extension-template`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Ali Almasi
- **Category:** web-development
- **Daily users:** 1
- **Version:** 0.0.2
- **Last updated:** 2025-09-25
- **First published:** 2025-09-22
- **Size:** 143 KB
- **Data as of:** 2026-09-08
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/react-vite-extension-template/)
- **Website:** [https://github.com/AliAlmasi/react-vite-extension-template](https://github.com/AliAlmasi/react-vite-extension-template)

## Description

<a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/62a6d99dd39219a6cd218f1f77cf727daaeb4e1638356863f51ed0303e61270d/https%3A//github.com/AliAlmasi/react-vite-extension-template" rel="nofollow">This repository</a> contains the template used for developing a browser extension with React+Vite. You can use this template to develop extensions for both Chrome-based and Firefox-based browsers. this template also uses two separate manifests (manifest V2 and V3) for each Chrome and Firefox.

Building

This template uses <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/39ca52d7aa86780b823ab58e58f73158a40e61476b9092baef0eb2604307a0d5/https%3A//vite.dev/guide/build" rel="nofollow">Vite building</a> configuration and <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/5a998fcbb585acfd320c59b5b8ff89e5f8c505dfda7724577f16fb9910050c35/https%3A//rollupjs.org/configuration-options/" rel="nofollow">Rollup options</a> to build the final extension package for both Chrome and Firefox, with their respective manifest file. Building can be triggered and done either locally, or automatically using GitHub Action workflow, which is included in the template.

Automated builds

Automated builds are triggered when there's a new release tag. It also can be triggered manually. If triggered manually, the built packages will be uploaded and over-written to the latest release tag.

You can see the <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/2b24d25f7c2191b3b12d993fa30e3ed7156847209f364172b2988ca9aca121a8/https%3A//github.com/AliAlmasi/react-vite-extension-template/releases/latest" rel="nofollow">latest release of this repo</a> and see the <code>chrome.zip</code> and <code>firefox.zip</code> files, ready to use.

Building locally

As you may already know, steps to build locally are:
<ol><li>Make sure to have the dependencies installed: <code>pnpm install</code></li><li>Trigger the build precedure: <code>pnpm build</code></li><li>Done. Check <code>/build</code> path for <code>/build/chrome</code> and <code>/build/firefox</code> sub-folders.</li></ol>
License

This template is licensed under the <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/7c766514541044cabd810a7b232bdb4278d8239525abfb71c7cc5c588c292052/https%3A//www.gnu.org/licenses/gpl-3.0.en.html" rel="nofollow">GNU GPL v3</a>.

Support the creator

My name is <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/68ff467165785f46677492506da8947b2c0ad73b464b17333e6f1fbf3a9d3b0e/https%3A//alialmasi.ir" rel="nofollow">Ali Almasi</a>, and I'm a web developer, based in Tehran. I'll be very happy to receive your donations via <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/48295f2001b530fb8d1c3ae8299aeafc86cc9f0526f4eb55bb8c840da7300497/https%3A//daramet.com/alialmasi" rel="nofollow">Daramet</a>.

## Rankings

- #127,813 — Overall
- #30 — template
- #39 — templates

## Permissions and access

### Permissions

- `activeTab`
- `tabs`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- Grants access to browser tabs, which can be used to track user browsing habits and history, presenting a privacy concern.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Browser Extension Template](https://chrome-stats.com/d/browser-extension-template)
- [React New Tab](https://chrome-stats.com/d/react-new-tab) — 6 users, 4.50 / 5
- [Browser Extension Explorer](https://chrome-stats.com/d/browser-extension-explorer) — 2 users
- [create-react-ext](https://chrome-stats.com/d/create-react-ext) — 1 users
- [VLR+](https://chrome-stats.com/d/vlr) — 21 users, 5.00 / 5
- [Extension Webpack Template](https://chrome-stats.com/d/extension-webpack-template) — 1 users
- [Content Manager](https://chrome-stats.com/d/content-manager) — 1 users
- [Gitlab Issue Template](https://chrome-stats.com/d/gitlab-issue-template)
- [Runme Web Extension](https://chrome-stats.com/d/runme) — 3 users, 5.00 / 5
- [p32929-homepage-ext](https://chrome-stats.com/d/p32929-homepage-ext)
- [A test extension](https://chrome-stats.com/d/a-test-extension)
- [Adaptive Theme Creator](https://chrome-stats.com/d/adaptive-theme-creator) — 20 users, 5.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/react-vite-extension-template)