userscripts
userscripts copied to clipboard
📜 The userscript collection I wrote makes life easier and better.
📜 UserScripts
The userscript collection I wrote makes life easier and better. I use the browser extension TamperMonkey to run and manage userscripts. You need to install it first to use userscript.
| Name | Description | Daily installs | Total installs |
|---|---|---|---|
| Auto Skip YouTube Ads | Automatically skip YouTube ads instantly. Undetected by YouTube ad blocker warnings. |
|
|
| YouTube Shorts To Normal Video | Instantly redirect YouTube Shorts videos to normal video view, allowing you to save, download, choose quality, etc. |
|
|
| No Fullscreen Dropdown | Real fullscreen instead of fullscreen dropdown, very annoying when playing games. Useful for Microsoft Edge. Press Shift+F11 to toggle fullscreen. |
|
|
| Tetr.io Improvements | Provides improvements for Tetr.io game. |
|
|
📖 Usage
Install on GreasyFork (Recommended)
Visit a list of some of my userscripts on the GreasyFork website here.
Install on GitHub
Each folder in the scripts folder contains a script.user.js file, which contains the script code. Click on that file, then click Raw button to install it.
🐛 Bug report
Report bugs here.
🛠️ Development guide
This section is for developers. If you are a user, you can skip this section.
Clone this repository:
git clone https://github.com/tientq64/userscripts.git
cd userscripts
Install pnpm if not installed:
npm i -g pnpm
Install dependencies:
pnpm install
Start:
pnpm run watch
The script.user.js file is compiled from the script.user.ts or script.user.tsx file, so do not modify it.
While developing, instead of having to reinstall the script.user.js file every time it changes, installing the dev.user.js file solves that problem. But note, if you change in the metadata block, you have to reinstall the dev.user.js file.
Built-in Tailwind CSS integration, just declare in the metadata block and use:
// ==UserScript==
// @resource TAILWINDCSS
// @grant GM_addStyle
// ==/UserScript==
const tailwindCss: string = GM_getResourceText('TAILWINDCSS')
GM_addStyle(tailwindCss)
const el: ReactElement = <div className="flex p-4 text-rose-700" />
Common type definitions are written in .resources/global.d.ts file.
⚖️ License
All scripts are licensed under the MIT license.