Skip to content

Polarize helps coders learn faster from YouTube tutorials — a Chrome extension with AI-powered code copying, glare reduction, and a single-click, multi-theme overlay that brightens dark in-video IDEs and improves overall visual accessibility of coding tutorials on YouTube.

License

Notifications You must be signed in to change notification settings

neonwatty/polarize

Repository files navigation

Polarize – Accelerate Your Learning From YouTube Coding Tutorials

Polarize is an open-source Chrome extension that helps coders and developers learn faster from YouTube programming tutorials.

With a single-click, theme-adjustable overlay, Polarize brightens dark IDEs in videos, reduces glare, and uses AI to let you copy code straight from the screen.

Click below to watch a demo! 👇

Polarize demo

Quick links:


✨ Features

  • 🎯 AI-Powered Code Copying
    Capture and extract code directly from YouTube videos using Google Gemini.

  • 🌈 Theme-Adjustable Overlay
    Brighten dark IDEs and reduce glare with a resizable, customizable overlay.

  • 🖱️ One-Click Simplicity
    Enable or disable features with ease from the popup or context menu.


🚀 Getting Started - Chrome Extension

Install the official extension from the Chrome Store here!

Local Development Setup

You can try out out and extend a local version of Polarize by following the steps below.

1. Clone the Repository

git clone https://github.com/your-username/polarize.git
cd polarize

2. Install Dependencies

npm install

3. Build the Extension

npm run build

4. Load the Extension in Chrome

  1. Open Chrome and navigate to chrome://extensions/.
  2. Enable "Developer mode" in the top right corner.
  3. Click "Load unpacked" and select the dist folder in your cloned repository.
  4. The extension should now be loaded and ready to use!

🧪 Local Testing

Run interactive tests with:

npm run test:integration

🔐 AI Code Copying (Gemini API Key Required)

To use the code copying feature, at present you’ll need a Google Gemini API key. Additional cloud or local integration requests are welcome!

Once you have it:

Open the extension popup

Paste your API key in the input field

Click "Save API Key"

Your key will be stored securely in local browser storage and used only for local requests.

🧩 Tech Stack

This is a simple Chrome extension built with the barebones:

  • Chrome Extension (Manifest V3)

  • Vite for bundling

  • Vanilla JS

  • Google Gemini for OCR/code recognition

  • Playwright for integration tests

👐 Contributing

Pull requests are welcome! If you have feature suggestions, bug reports, or want to improve the UI, feel free to open an issue or PR.

📄 License

MIT — do whatever you'd like, just give credit where it's due.

About

Polarize helps coders learn faster from YouTube tutorials — a Chrome extension with AI-powered code copying, glare reduction, and a single-click, multi-theme overlay that brightens dark in-video IDEs and improves overall visual accessibility of coding tutorials on YouTube.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published