https://github.com/metonym/template-wxt
Web extension template using WXT, Svelte, Tailwind, and Bun
https://github.com/metonym/template-wxt
bun svelte tailwind wxt
Last synced: about 1 month ago
JSON representation
Web extension template using WXT, Svelte, Tailwind, and Bun
- Host: GitHub
- URL: https://github.com/metonym/template-wxt
- Owner: metonym
- Created: 2024-09-22T18:05:09.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-13T17:59:24.000Z (about 1 year ago)
- Last Synced: 2025-04-13T18:38:43.743Z (about 1 year ago)
- Topics: bun, svelte, tailwind, wxt
- Language: Svelte
- Homepage:
- Size: 457 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# template-wxt
> Develop web extensions using [WXT](https://github.com/wxt-dev/wxt)
## Installation
**Prerequisites:**
- [Bun](https://bun.sh/docs/installation)
After installing Bun, run the following command to install the project dependencies:
```bash
bun install
```
**Quick start**
Use `bun create` to quickly scaffold a new project. This will download the repo, install dependencies, and initialize `.git`.
```bash
bun create metonym/template-wxt
```
## Usage
### Development
```bash
bun run dev
```
### Build
```bash
bun run build
```
Alternatively, `bun run package` goes a step further by zipping the build output into a `.zip` file.
---
**Misc. Notes**
At a minimum, Chrome [recommends a minimum](https://developer.chrome.com/docs/apps/manifest/icons#:~:text=You%20should%20always%20provide%20a,favicon%20for%20an%20extension's%20pages.) of three icon sizes for the extension:
- 16px: Used in the extension's toolbar icon.
- 48px: Used in the extension's management page in the Chrome browser.
- 128px: Used as the icon for the extension in the Chrome Web Store.