Sumlify is a modern Chrome extension that uses Google's Gemini AI to intelligently summarize web page content. With a clean, user-friendly interface, it helps you quickly understand the key points of any article, blog post, or web page.
- 🤖 AI-Powered Summarization: Uses Google Gemini 2.0 Flash for accurate, contextual summaries
- 🌍 Multi-Language Support: Automatic language detection with summaries in the detected language (50+ languages supported)
- 📝 Structured Output: Get 3 key bullet points plus a concise paragraph summary
- 💾 Smart Caching: Stores summaries by domain to avoid repeated API calls
- 🚀 Fast Performance: Optimized content extraction and processing
- 🎨 Modern UI: Clean, responsive design with dark/light theme support
- 🔒 Privacy-Focused: API key stored locally, no data sent to third parties
- 📱 Responsive Design: Works perfectly on all screen sizes
-
Download the Extension
- Clone this repository or download the ZIP file
- Extract to a local folder
-
Load into Chrome
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode" (top right toggle)
- Click "Load unpacked" and select the extension folder
- Open Chrome and go to
-
Get Your API Key
- Visit Google AI Studio
- Create a new API key for Gemini
- Copy the generated key
-
Setup the Extension
- Click the Sumlify icon in your Chrome toolbar
- Enter your Gemini API key when prompted
- You're ready to start summarizing!
- Navigate to any webpage with substantial text content
- Click the Sumlify extension icon in your Chrome toolbar
- Click "Summarize Page" to generate an AI summary
- View the results with key points and overview
- Copy, cache, or regenerate summaries as needed
- Manifest V3: Modern Chrome extension architecture
- Content Scripts: Smart content extraction from web pages
- Background Service Worker: Handles caching and background tasks
- Popup Interface: Main user interface for interaction
- Endpoint:
https://generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash:generateContent - Authentication: API key-based authentication
- Content Limit: 8,000 characters per request (automatically truncated)
- Response Format: Structured markdown with bullet points and summary
The extension intelligently extracts meaningful content from web pages by:
- Identifying main content areas (
<main>,<article>, etc.) - Removing navigation, advertisements, and sidebar content
- Filtering out scripts, styles, and other non-textual elements
- Preserving the core article or page content
Summaries are generated with:
- 3 Key Bullet Points: Most important information
- Overview Paragraph: 2-3 sentence summary
- Multi-Language Support: Automatically detects page language and responds accordingly
- Language-Specific Prompts: Optimized prompts for Turkish, Spanish, French, German, Italian, Portuguese, Russian, and other languages
- Markdown Formatting: Clean, readable output
- Context Awareness: Understands content type and adjusts accordingly
- Domain-Based Caching: Summaries cached by website domain
- 24-Hour Expiry: Automatic cache invalidation
- Manual Refresh: Option to generate fresh summaries
- Storage Management: Automatic cleanup of expired cache
Access settings through the extension popup:
- API Key Management: View, edit, or replace your Gemini API key
- Cache Control: Clear individual or all cached summaries
- Status Monitoring: View current operation status
The extension stores:
- API Key: Securely stored in Chrome's local storage
- Cached Summaries: Domain-based summary cache
- Usage Statistics: Summary count and usage metrics
- Settings: User preferences and configuration
- Fixed Cache Key Generation: Now includes URL parameters and hash fragments for unique page identification
- Per-Page Caching: Different pages on the same domain now have separate cache entries
- Debug Logging: Added comprehensive logging for cache operations (visible in browser console)
- Improved Cache Management: Better cache key generation and cleanup
- Automatic Language Detection: Detects webpage language and provides summaries in the same language
- 50+ Languages Supported: Including Turkish, Spanish, French, German, Italian, Portuguese, Russian, and many more
- Localized UI: Status messages and interface elements adapt to detected language
- Theme Toggle: Easy switching between light and dark themes
- Persistent Settings: Theme preference is saved and restored
- Modern Design: Clean, accessible dark mode implementation
- Clean Interface: Minimalist, professional design
- Responsive Layout: Adapts to different screen sizes
- Smooth Animations: Subtle transitions and loading states
- Visual Feedback: Clear status indicators and progress updates
- Intuitive Flow: Step-by-step guided setup
- Error Handling: Graceful error messages and recovery
- Loading States: Clear progress indication
- Success Feedback: Confirmation of completed actions
- Keyboard Navigation: Full keyboard accessibility
- Screen Reader Support: Proper ARIA labels and semantics
- High Contrast: Readable color combinations
- Focus Management: Clear focus indicators
- Local Storage Only: API keys stored locally in Chrome
- No Telemetry: No usage data sent to external servers
- Direct API Calls: Content sent directly to Google Gemini
- No Tracking: No user behavior tracking or analytics
- Key Protection: API keys encrypted in local storage
- HTTPS Only: All API communications over secure connections
- Rate Limiting: Built-in request throttling
- Error Handling: Secure error message handling
- Content Filtering: Removes unnecessary elements before processing
- Request Throttling: Prevents API abuse and quota exhaustion
- Efficient Caching: Reduces redundant API calls
- Background Processing: Non-blocking operations
- Minimal Memory: Lightweight content scripts
- Fast Startup: Quick initialization and loading
- Efficient Storage: Compressed cache storage
- Battery Friendly: Optimized for mobile devices
- Chrome browser (version 88+)
- Google Gemini API key
- Basic understanding of web development
-
Clone the repository:
git clone https://github.com/muhammetaliaydin/Sumlify.git cd sumlify -
Load the extension:
- Open
chrome://extensions/ - Enable Developer mode
- Click "Load unpacked"
- Select the project folder
- Open
-
Test the extension:
- Navigate to any webpage
- Click the extension icon
- Test the summarization features
- popup.js: Main application logic, API integration, UI management
- content.js: Content extraction, page analysis, monitoring
- background.js: Service worker, caching, background tasks
- styles.css: Modern CSS with variables, responsive design
- ✅ Chrome 88+: Full support (primary target)
- ✅ Edge 88+: Full support (Chromium-based)
- ✅ Opera 74+: Full support (Chromium-based)
- ❌ Firefox: Not supported (different extension architecture)
- ❌ Safari: Not supported (different extension architecture)
activeTab: Access to current tab contentstorage: Local storage for API keys and cachescripting: Content script injectionhttps://generativelanguage.googleapis.com/*: Gemini API access
We welcome contributions! Please see our contributing guidelines for details.
- UI/UX Improvements: Enhanced design and user experience
- Feature Additions: New summarization options, export features
- Performance Optimization: Faster content extraction, better caching
- Bug Fixes: Issue resolution and stability improvements
- Documentation: Improved docs, tutorials, examples
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
- Google Gemini: For providing the AI summarization API
- Chrome Team: For the excellent extension platform
- Open Source Community: For inspiration and best practices
- Issues: GitHub Issues
- Documentation: Wiki
- Discussions: GitHub Discussions
- Initial release
- Google Gemini integration
- Modern UI design
- Caching system
- Content extraction
- Background service worker
Made with ❤️ for better web browsing