Skip to content

Improve your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences.

License

Notifications You must be signed in to change notification settings

MengNianxiaoyao/BewlyBewly

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BewlyBewly

English | 官话 - 简体中文 | 官話 - 正體中文 | 廣東話

BewlyBewly icon

Just make a few small changes to your Bilibili homepage.

👋 Introduction

BewlyBewly is a browser extension for BiliBili that aims to enhance the user experience by redesigning the BiliBili UI. The design is inspired by YouTube, Vision OS, and iOS, resulting in a more visually appealing and user-friendly interface. This project uses the vitesse-webext template for development. Without this template, it may not be possible to develop this project.

🔨 Build (Firefox)

Please make sure you have Node.js and pnpm installed locally, and it is recommended to use Visual Studio Code for development.

  1. To build the extension, run
# Install dependencies
pnpm install

pnpm build-firefox
  1. Load the generated extension-firefox/ folder in the browser, The extension will then take effect on www.bilibili.com.

Chrome & Edge

⬇️ Installation

Online Installation

Caution

Even in the Edge browser, we strongly recommend you install it in the Chrome web store. In terms of review speed, the Chrome web store is faster than Edge Add-ons.

Additionally, the Chrome Web Store version of BewlyBewly will address and fix critical bugs more quickly.

To Firefox users

Warning

When using the Firefox browser, remember to enable all permissions shown in the picture below for normal use of BewlyBewly


enable all bewlybewly permissions on firefox

Local Installation

CI: Automatically build with the latest code

Releases: Stable version

Edge & Chrome (RECOMMENDED)

Ensure you installed extension.zip .

Opening the edge://extensions page in the Edge or chrome://extensions page in Chrome, simply drag and drop the downloaded extension.zip file into the browser to complete the installation.

Another installation method for Edge & Chrome

Edge

Ensure you installed extension.zip and decompress this file.

  1. Type in edge://extensions/ in the address bar and press Enter
  2. Turn on Developer mode then press Load Unpacked
    image
  3. Load the decompressed extension folder in your browser

Chrome

Ensure you installed extension.zip and decompress this file.

  1. Type in chrome://extensions/ in the address bar and press Enter
  2. Turn on Developer mode then press Load Unpacked
    Snipaste_2022-03-27_18-17-04
  3. Load the decompressed extension folder in your browser

🤝 Contribution

See CONTRIBUTION.md

Contributors

Contributors

❤️ Credits

About

Improve your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Languages

  • Vue 43.8%
  • TypeScript 34.9%
  • SCSS 21.1%
  • Other 0.2%