https://github.com/theprojectsx/youtube-toolkit

A YouTube Toolkit Chrome Extension created using React JS and Tailwind CSS
https://github.com/theprojectsx/youtube-toolkit

chrome chrome-extension crx extension reactjs tailwindcss youtube

Last synced: 2 months ago
JSON representation

A YouTube Toolkit Chrome Extension created using React JS and Tailwind CSS

• Host: GitHub
• URL: https://github.com/theprojectsx/youtube-toolkit
• Owner: TheProjectsX
• Created: 2024-11-30T19:02:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-15T17:52:35.000Z (over 1 year ago)
• Last Synced: 2025-02-15T18:33:18.764Z (over 1 year ago)
• Topics: chrome, chrome-extension, crx, extension, reactjs, tailwindcss, youtube
• Language: JavaScript
• Homepage:
• Size: 640 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# YouTube Toolkit Extension for Google Chrome!

This Extension contains some useful tools to use while Using YouTube!

## What Tools?

-   ### YouTube Dislike

    > Enable YouTube Dislike count view

-   ### Video Speed Customization

    > Customize YouTube video speed as you wish! (2x, 4x, 8x or anything you want!)

-   ### Repeat Segment

    > Repeat Specific Segment of the Video. (For example, from 00:10:22 to 00:11:20. It will repeat the segments as long as you want!)

-   ### Thumbnail Download

    > Download the Thumbnail of the video in different Resolution.

-   ### Video Bookmarks

    > Save your Video's specific times as Bookmarks!

-   ### Prevent Playback

    > Prevent YouTube from Playing same type of Videos. Uses Video Titles to check same type of videos. You can use Threshold and Limit to Customize the Changes.

-   ### Max Duration

    > Only play Videos with a Maximum Duration. Useful when playing Musics.

-   ### Video Transcript

    > Download Available Video Transcript in Multiple Formats.

-   ### MORE INCOMING!!!

## Screenshots!

![HomePage](screenshots/home.png)

![Video Dislikes](screenshots/dislike.png)

![Video Speed](screenshots/speed.png)

![Repeat Segments](screenshots/segments.png)

![Video Thumbnail](screenshots/thumbnail.png)

![Video Bookmarks](screenshots/bookmarks.png)

![Prevent Playback](screenshots/playback.png)

![Max Video Duration](screenshots/maxduration.png)

![Video Transcript](screenshots/transcript.png)

## How to Use?

-   Download the Zip File from the [Download URL](https://github.com/TheProjectsX/youtube-toolkit/releases/download/YouTubeToolkit/YouTube-Toolkit.zip) or [Release Page](https://github.com/TheProjectsX/youtube-toolkit/releases)

-   Unzip the File

-   Go To `Manage Extension` from your Google Chrome or Directly go to `chrome://extensions/`

-   Turn on `Developer Mode` (Top Right corner)

-   Click on `Load Unpacked` (Top Left corner of new Menu)

-   Select the Correct Folder of the Unzipped Extension

WALA!

Start using The YouTube tools!!!

### Why not Uploaded in Chrome Web Store?

Well, I am a `Unemployed Developer`. Don't have the means to spend 5$ just to get registered as a Developer!

# For my Fellow Developers (& Future Me!):

## How and What?

-   ### This Extension was created using React JS.

-   ### Here are the Steps::

-   Create a Regular React JS project. (Use Vite or whatever)

-   We will create our `popup` html and js as a regular React JS project.

-   The Next thing we will do in our `public` directory:

    -   Create a `manifest.json` file and add necessary `Things`.

    -   Add `index.js` as `default_popup`

    -   Create `content` script and `background` script here.

    -   Add the paths of the `content` script and `background` script in the `manifest.json` file but relative to the public folder. (Think of public folder as root directory)

    -   Read DOCs (or get help from ChatGPT) and create your Extension!!!!!!

-   And there is this Repository to Get the Ideas! (or Helps!)