https://github.com/vids12/chrome-extension--highlight-saver

A Chrome extension that lets users highlight text on any webpage and save it locally. View, manage, delete, and summarize saved highlights using a clean React-based popup UI. Includes optional AI summarization via Hugging Face
https://github.com/vids12/chrome-extension--highlight-saver

ai-summarizer chrome-extension-react chrome-storage content-script huggingface javascript openai tailwindcss web-extension

Last synced: about 2 months ago
JSON representation

A Chrome extension that lets users highlight text on any webpage and save it locally. View, manage, delete, and summarize saved highlights using a clean React-based popup UI. Includes optional AI summarization via Hugging Face

• Host: GitHub
• URL: https://github.com/vids12/chrome-extension--highlight-saver
• Owner: vids12
• Created: 2025-06-15T10:16:43.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-15T10:27:05.000Z (about 1 year ago)
• Last Synced: 2025-06-15T11:26:02.499Z (about 1 year ago)
• Topics: ai-summarizer, chrome-extension-react, chrome-storage, content-script, huggingface, javascript, openai, tailwindcss, web-extension
• Language: JavaScript
• Homepage:
• Size: 637 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ✨ Highlight Saver Chrome Extension

A lightweight Chrome extension that allows users to highlight any text on a webpage and save it locally. Includes a modern React-based popup UI to manage saved highlights and optional AI-powered summarization using OpenAI or Hugging Face models.

---

## 🚀 Features

- ✅ Highlight any text on a webpage and save it via a custom context popup

- ✅ Store highlights persistently using `chrome.storage.local`

- ✅ View and manage highlights from the Chrome extension popup

- ✅ Delete individual or all saved highlights

- ✅ (Optional) Get quick summaries of highlights using AI

- ✅ Clean UI built with React and TailwindCSS

---

## 📦 Tech Stack

- **React.js**

- **Chrome Extensions API**

- **TailwindCSS**

- **Hugging Face Transformers**

- **Chrome Storage API (`chrome.storage.local`)**