Content Svelte
Shows a Svelte overlay on every web page you visit, with an options page that moves it from right to left.
Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: content script, options page, background service worker · Styling: CSS · Framework: svelte
Create this project
npx extension@latest create my-content-svelte --template content-svelte
cd my-content-svelte
npm install
npm run dev
Files in this template
- extension.config.js
- src/background.ts
- src/content/ContentApp.svelte
- src/content/scripts.ts
- src/content/styles.css
- src/content/svelte.d.ts
- src/images/chromeWindow.png
- src/images/icon.png
- src/images/svelte.png
- src/images/tailwind.png
- src/images/tailwind_bg.png
- src/images/typescript.png
- src/manifest.json
- src/options/OptionsApp.svelte
- src/options/index.html
- src/options/scripts.ts
- src/options/styles.css
Source on GitHubDocumentation
extension.devDocumentation for extension.dev