Repolode
Submit
jiuyang5354

jiuyang5354/bilibili-margin

A Chrome/Edge/Firefox extension that restyles Bilibili's home, search, video and reading pages while keeping the native player.

View on GitHub
Stars
567
Forks
39
Open issues
16
Last commit
yesterday

What is it?

MARGIN (映间) is an open-source browser extension for Bilibili, the Chinese video platform. It rewrites the layout of the homepage, search results, video pages and reading pages with editorial typography, liquid-glass style controls and selectable light, dark or system themes.

The video page keeps Bilibili's native player, danmaku, comments and quality controls, while reorganizing the title, uploader card, episode list and recommendations. Extra features include recommendation and search filters, a favorites drawer, a watch-later list, hover previews, a command palette and a local activity heatmap that records first-open times and watch duration.

Settings, activity records and custom backgrounds are stored locally and can be exported as JSON. The weather card uses third-party IP geolocation and Open-Meteo forecasts, which receive IP or coordinate data. The extension supports Edge, Chrome and Firefox 140+, and is built with TypeScript and Manifest V3.

Key features

  • 01Redesigned homepage, search, video and reading layouts with native player retained.
  • 02Recommendation and search filters by keyword, uploader, play count and duration.
  • 03Glass-style favorites drawer and watch-later list.
  • 04Year and month activity heatmap based on local records.
  • 0513 animated backgrounds plus custom images, with light, dark and system themes.
  • 06Settings and activity can be exported and imported as JSON.

Use cases

  • Daily Bilibili browsing with a cleaner, less cluttered interface.
  • Filtering search and recommendations to find specific kinds of videos.
  • Reviewing personal viewing habits through the local activity heatmap.

Quick start

  1. 1

    Download margin.zip from the latest release and unzip it to a fixed folder

  2. 2

    Open edge://extensions or chrome://extensions and enable Developer mode

  3. 3

    Click Load unpacked and select the folder containing manifest.json

  4. 4

    Open or refresh Bilibili

Things to know

  • Firefox install from the zip is temporary and is removed when Firefox restarts.
  • Safari is not supported.
  • Manually loaded versions must be updated by hand.
  • Weather features send IP, city or coordinate data to third-party services.

In collections

Chrome & browser extensions

Topics

#browser-extension#bilibili#chrome-extension#edge-extension#firefox-addon#typescript#manifest-v3#theme

FAQ

What is bilibili-margin?
A Chrome/Edge/Firefox extension that restyles Bilibili's home, search, video and reading pages while keeping the native player. MARGIN (映间) is an open-source browser extension for Bilibili, the Chinese video platform. It rewrites the layout of the homepage, search results, video pages and reading pages with editorial typography, liquid-glass style controls and selectable light, dark or system themes.
Is bilibili-margin free to use? What license does it have?
bilibili-margin is open source under the MIT license. Check the license terms before using it in commercial products.
Is bilibili-margin still maintained?
Actively maintained. The last commit to bilibili-margin was on Nov 6, 2026.
What can I use bilibili-margin for?
Daily Bilibili browsing with a cleaner, less cluttered interface. Filtering search and recommendations to find specific kinds of videos. Reviewing personal viewing habits through the local activity heatmap.
How do I install bilibili-margin?
Download margin.zip from the latest release and unzip it to a fixed folder Open edge://extensions or chrome://extensions and enable Developer mode Click Load unpacked and select the folder containing manifest.json Open or refresh Bilibili
Where can I get bilibili-margin?
The source code and installation instructions are on GitHub: https://github.com/jiuyang5354/bilibili-margin

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects