Svelte Typescript Chrome Extension Boilerplate

Boilerplate for Chrome Extension Svelte Typescript project.

Features

• Svelte
• TypeScript
• Vite
• CRXJS Vite Plugin
• Chrome Extensions Manifest V3

Demo

Examples of integrations

• Tailwind CSS – is in the tailwindcss branch

Development

# install dependencies
npm i

# build files to `/dist` directory
# HMR for extension pages and content scripts
npm run dev

Load unpacked extensions

Getting Started Tutorial

1. Open the Extension Management page by navigating to chrome://extensions.
2. Enable Developer Mode by clicking the toggle switch next to Developer mode.
3. Click the LOAD UNPACKED button and select the /dist directory.

Build

# build files to `/dist` directory
$ npm run build