Chrome / Edge Extension
In addition to the WordPress plugin, the project also ships a Chrome / Edge browser extension called Live2D Web Canvas, which lets you pin a desktop mascot to the bottom-right corner of any webpage. The extension and the WordPress plugin are two independent products — the account is shared, but their configuration is completely separate.
1. Install link
| Browser | Install link |
|---|---|
| Google Chrome | Chrome Web Store · search "Live2D Web Canvas" |
| Microsoft Edge | Edge Add-ons · search "Live2D Web Canvas" |
After installing, an extension icon appears on the right side of the address bar. Click it to open the popup (quick toggles) or open the Options page (full settings).
Can't find it? Chrome / Edge store reviews can be regionally blocked. You can download the
.crx/.zipfrom the project's GitHub releases and load it manually in developer mode (only if you understand the risks).
2. Uninstall
| Browser | Uninstall steps |
|---|---|
| Chrome | Address bar → chrome://extensions → find Live2D Web Canvas → click "Remove" → confirm |
| Edge | Address bar → edge://extensions → find Live2D Web Canvas → click "Remove" → confirm |
Or right-click the extension icon next to the address bar and choose Remove from Chrome / Edge.
Uninstalling clears all data this extension stored in chrome.storage and IndexedDB (preferences, login token, downloaded V1 models).
3. What it does / does not do
It does:
- Adds a Live2D mascot to the bottom-right corner of any site you visit (it does not read any content from the page; it only animates orientation based on cursor position — see the privacy policy).
- Ships a few classic V1 models out of the box (22 / 33, Pio / Tia, Shizuku, Kantai Murakumo, Hyperdimension Neptunia, etc.) which are downloaded into IndexedDB for offline use.
- After signing in with a paid account, lets you fill in your own
modelAPIto load V2 (Cubism 4+) models. - Lets you tweak head anchor, scale, mascot position, canvas size, tip-bubble frequency, toolbar buttons, etc.
It does not:
- Read the page's content, URL, cookies, forms or browsing history.
- Track mouse clicks, scrolls or keystrokes.
- Collect geolocation, IP addresses, or device fingerprints.
The full data-handling list is documented in the browser extension privacy policy.
4. Login (only required for V2)
Options page → Login tab → "Sign in via web". This redirects you to https://www.live2dweb.com/SingleLogin. After a successful sign-in the page closes itself and the access token is written to chrome.storage.local.
- The login state is local only and is not synced across devices.
- Network requests only happen when you actively log in. The extension does not collect the URLs / titles of pages you visit.
- Logging out clears the local token.
If you only want to use the free V1 models, no login is required.
5. Model settings
Options page → Basic settings → Model → Model source is a single drop-down with two options:
| Model source | Meaning | Paid? |
|---|---|---|
| Local model (V1) | Pick an already-downloaded model + texture set from the extension's bundled V1 catalog. First go to the V1 model library tab to download what you want. | Free |
| Custom URL (paid) | Fill in your own modelAPI to load a V2 (Cubism 4+) model. The fill rules are identical to the WordPress plugin: a direct .json link, or a directory root / plus a modelDir list. | Requires login + paid |
5.1 V1 model library
Options page → V1 model library tab: lists every available V1 model (with a 64×64 thumbnail and status badge). Clicking "Download" stores the model files in the browser's IndexedDB (nothing is uploaded to any server).
- Multi-texture models (e.g. 22 / 33 / Pio / Tia): a single
model.mocplus several texture sets. The Texture ID drop-down below is parsed from*.textures.json. - Multi-skin models (e.g. Hyperdimension Neptunia / Kantai / Shizuku Talk): each "skin" is an independent sub-model with its own
model.moc. The Texture ID drop-down lists subdirectory names.
5.2 Custom URL (V2)
After signing in with a paid account, switch the model source to "Custom URL (paid)". Two inputs modelAPI and modelDir appear below — see How to fill modelAPI / modelDir.
The browser extension does not have a "Host on this site / anti-hotlink" toggle. The extension loads the model directly from
modelAPI, so make sure your source URL allowschrome-extension://...or*as Origin.
6. Other settings tabs
- Basic settings: enable toggle, model, head anchor (
headPos), model scale, mascot position (X/Y), canvas size. - Toolbar settings: toggles for the bottom-right tool buttons (screenshot, switch, settings, etc.).
- Tip messages: default tip wording and trigger frequency.
- Advanced: development / debug; usually you don't need to touch this.
- V1 model library: see above.
7. Relationship to the WordPress plugin
| Item | WordPress plugin | Browser extension |
|---|---|---|
| Where it runs | Your own WP site | The user's browser, on every page |
| Who configures it | The site owner (one-time, site-wide) | Each user, in their own browser |
| V1 model source | Plugin built-in + remote workshop | Extension built-in (IndexedDB cache) |
| V2 custom URL | Paid + optional "Host on this site" | Paid; no local cache (direct fetch) |
| Account | Same live2dweb.com account | Same account, but the auth token is not shared — you must sign in separately |