Skip to content

BibekBhusal0/zen-custom-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1,600 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Zen Browser UserScripts

Personal customization userscripts and css files for enhancing browsing experience in Zen Browser.

🌟 Mods

Advanced command interface in browser built in URL bar.

Zen.command.palette.mp4

Advanced AI functionality inside browser builtin findbar and URL bar.

zen-findbar.demo.mp4

Menu to search through recently closed tabs (and active tabs too).

Reopen.Closed.Tabs.z.mp4

Dynamic search and filter for browser settings shortcuts.

zen_VtgjhQTWGE.mp4

Quick search engine switching with advanced interaction modes.

zen_XfYPBVpDxl.mp4

Expand sidebar of settings on hover.

screenrecording-2026-01-26_21-29-52.mp4

Make sidebar floating also option to keep it in left or right.

zen_wnQWbgynoL.mp4

Compatibility

  • Zen Browser (Primary Target)
  • Might or might not work on other Firefox based browser

βš™οΈ Installation

Easy Install via Sine (Recommended)

All scripts are also available through Sine.

If you want to install everything(all mods in this reop + some extra scripts) you can paste the repo link:

https://github.com/BibekBhusal0/zen-custom-js

Manual Install (fx-autoconfig)

For advanced users or those not using Sine or who are willing to contribute:

  1. Setup fx-autoconfig: If you haven't already, follow the setup instructions at MrOtherGuy/fx-autoconfig.

  2. Clone this Repository: Open a terminal, navigate to the JS directory created by fx-autoconfig inside your profile folder:

    cd /path/to/your/profile/chrome/JS
    git clone https://github.com/BibekBhusal0/zen-custom-js
  3. Import the Script: In your JS directory, create a new file import.uc.mjs , and import scripts you need. Here is example import file importing each script import.uc.mjs.

  4. Import the Styles: In your userChrome.css file, import the styles of related script. Here is example userChrome file importing all styles userChrome.css.

  5. Restart Zen Browser: Restart the browser for all changes to take effect. You might need to clear the startup cache from about:support.

🀝 Contribution

Whether you have ideas, design changes or even major code changes, help is always welcome. Mods gets better and better with each contribution, no matter how big or small!

If you'd like to get involved, see CONTRIBUTING.md for the code structure, guidelines and best practices.

πŸ“œ License

This is licensed under MIT license. Check License for more details.

About

Personal customization userscripts and css files for enhancing browsing experience in Zen Browser.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Contributors