⚡ Synthex — AI Page Summarizer Chrome Extension
📝 A sleek, dark-themed Chrome Extension that summarizes webpage content using Google Gemini API.
No more long reads — just TL;DR it with a click!
🔥 Features
- 📄 Instant Summarization — Summarizes any open webpage content in seconds
- 🌙 Dark Mode UI — Beautiful dark theme with rounded corners
- 🔗 Gemini API Integration — Powered by Google's advanced AI
- 🧠 One-Click Summary — Simple and intuitive interface
- 💾 Secure Storage — API key settings saved locally
- 🚀 Fast & Minimal — Lightweight and privacy-focused
🛠️ Tech Stack
- HTML + CSS — Dark mode with rounded UI components
- Vanilla JavaScript — Pure JS, no frameworks needed
- Chrome Extensions API — Native browser integration
- Google Gemini API — AI-powered content summarization
🚀 Installation & Usage
1. 📥 Clone the Repository
git clone https://github.com/dhruvbajaj13/Synthex.git
cd Synthex
Or download the ZIP and extract manually.
2. 🧩 Load Extension in Chrome
- Open Chrome and navigate to:
chrome://extensions/
- Enable Developer Mode (top right toggle)
- Click Load Unpacked
- Select the extracted
Synthex/ folder
3. 🔑 Add Gemini API Key
- Click the Synthex icon in the Chrome toolbar
- Open Settings
- Paste your Gemini API Key
👉 Get your API key here: Google AI Studio
- Click Save Settings
4. 🧠 Start Summarizing
- Visit any webpage or article
- Click the Synthex extension icon
- Press the "Summarize" button
- Wait for your beautiful AI summary to appear! ✨
📂 Project Structure
Synthex/
├── manifest.json # Chrome extension configuration
├── popup.html # Main extension popup interface
├── popup.js # Main extension logic
├── options.html # Settings page
├── options.js # Settings functionality
├── styles.css # Dark theme styling
└── icon.png # Extension icon
🔧 Development
Prerequisites
- Chrome Browser
- Google Gemini API Key
Local Development
- Make changes to the source files
- Go to
chrome://extensions/
- Click the refresh icon on the Synthex extension card
- Test your changes
🤝 Contributing
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature)
- Commit your changes (
git commit -m 'Add some AmazingFeature')
- Push to the branch (
git push origin feature/AmazingFeature)
- Open a Pull Request
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
🙏 Acknowledgments
- Google Gemini API for providing powerful AI summarization
- Chrome Extensions API for seamless browser integration
- The open-source community for inspiration and support
Project Link: https://github.com/dhruvbajaj13/Synthex
⭐ If you found this project helpful, please give it a star! ⭐