Skip to main content

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.

BrowserInstall link
Google ChromeChrome Web Store · search "Live2D Web Canvas"
Microsoft EdgeEdge 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 / .zip from the project's GitHub releases and load it manually in developer mode (only if you understand the risks).

2. Uninstall

BrowserUninstall steps
ChromeAddress bar → chrome://extensions → find Live2D Web Canvas → click "Remove" → confirm
EdgeAddress 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 modelAPI to 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 sourceMeaningPaid?
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.moc plus 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 allows chrome-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

ItemWordPress pluginBrowser extension
Where it runsYour own WP siteThe user's browser, on every page
Who configures itThe site owner (one-time, site-wide)Each user, in their own browser
V1 model sourcePlugin built-in + remote workshopExtension built-in (IndexedDB cache)
V2 custom URLPaid + optional "Host on this site"Paid; no local cache (direct fetch)
AccountSame live2dweb.com accountSame account, but the auth token is not shared — you must sign in separately