Watch and download on Shikimori

Watch and download on Shikimori is a browser extension that lets you watch and download anime directly on the Shikimori website using built-in players and torrent trackers.

Table of Contents

• Features
• Installation
• How to use?
• How to Build
• Project Status
• License

Features

• Shikimori-style Show / Hide Player button.
• Built-in Kodik and AniLibria players.
• Player features:
  • Resolution selection (up to 1080p)
  • Playback speed control
  • Multiple dubbing and subtitle options
• Automatically resumes playback from the last watched episode.
• Ability to show and hide the player without page reload.
• Direct links to search for the current anime on supported torrent trackers.
• Clean integration into the Shikimori UI.

Installation

💡 You can install the stable version directly from Firefox Add-ons, Chrome Web Store or build and load the extension manually (see How to Build).

How to use?

1. Configure the current Shikimori domain

Due to frequent changes in Shikimori domains, the extension needs to know the current domain before it can work.

1. Click the extension icon in the browser toolbar.
2. Enter the current Shikimori domain (for example: shikimori.one)
3. Click Save and grant access when prompted by your browser.

You only need to do this once — or whenever Shikimori changes its domain again.

2. Show the player

Click the Show Player button on an anime page.

3. Watch anime

Watch anime using the built-in Kodik or AniLibria player with multiple dubbing and subtitle options.

4. Hide the player

Click the button again to hide the player.

5. Download anime

Use the provided links to find and download anime from supported torrent trackers.

How to Build

This project uses Node.js, npm, and a build step that outputs a ready-to-use browser extension.

Prerequisites

• Node.js >= 18 (LTS recommended)
• npm >= 9

1. Clone the repository

git clone https://github.com/Malanavi/Watch-and-download-on-Shikimori.git
cd Watch-and-download-on-Shikimori

2. Install dependencies

npm install

3. Build the extension

npm run build

After the build completes, the compiled extension will be available in the dist/ directory.

4. Load the extension into the browser (Manual installation)

Firefox

1. Open about:debugging
2. Go to This Firefox
3. Click Load Temporary Add-on
4. Select the file: dist/manifest.json

Chrome / Chromium

1. Open chrome://extensions
2. Enable Developer mode
3. Click Load unpacked
4. Select the folder: dist/

⚠️ Important: Always load the extension using the manifest.json file located in the dist folder, not the root manifest.json.

Project Status

• Current version: 4.x
• Status: Maintenance mode
• Updates are released only to fix critical bugs or breaking issues.

License

This project is licensed under the GPL-3.0-or-later license. See the LICENSE file for details.