🎉 The Instagram Growth Blueprint: How to Gain 1,000 Real Followers in 30 Days Without Paid Ads

gittech. site

for different kinds of informations and explorations.

Local Ollama Chat – Chrome Extension

Published at
Jan 16, 2025
Main Article
https://github.com/lsgrep/chrome-extension-ollama-chat

Overlay

Watch the video

A Chrome extension that enhances your browsing experience with AI-powered assistance.

Features

Core Features

  • ✅ Chrome Manifest V3 compatible
  • ✅ Dark/Light theme support
  • ✅ Sidepanel integration for easy access
  • ✅ Responsive and modern UI design

AI Integration

  • ✅ Intelligent chat interface with multiple model support
    • Gemini Pro integration with API key
    • Local model execution via Ollama
    • Automatic model switching and persistence
  • ✅ Custom model configuration
    • Default model selection in options
    • Dynamic model discovery for both Gemini and Ollama
    • Automatic retry mechanism for API rate limits
  • ✅ Context-aware browsing assistance
    • Interactive and conversational modes
    • Context menu integration for quick actions
  • 📝 Chat history and conversation management

Content Features

  • ✅ Inspirational quotes on new tab
  • ✅ Quote categorization and attribution
  • 🚧 Customizable new tab layout
  • 📝 Task management

Privacy & Security

  • ✅ Local model execution via Ollama
  • ✅ No data collection or tracking

Getting Started

  1. Install dependencies:
pnpm install

  1. Configure AI Models:

    a. For Ollama (Local Models):

    # Install recommended models
ollama pull mistral    # Great for general tasks
ollama pull codellama  # Specialized for code
ollama pull phi        # Fast and lightweight

    b. For Gemini (Cloud Models):

  2. Start Ollama service with Chrome extension permissions:

OLLAMA_ORIGINS=chrome-extension://* ollama serve

Note: The extension will automatically discover available models from both Ollama and Gemini.

  1. Start development:
pnpm dev
  1. Build for production:
pnpm build

Development

Project Structure

overlay2/
├── chrome-extension/     # Chrome extension core
├── packages/            # Shared packages
└── pages/              # Extension pages
    ├── content/        # Content scripts
    ├── popup/          # Popup UI
    └── side-panel/     # Sidepanel UI

Commands

  • pnpm dev - Start development server
  • pnpm build - Build for production
  • pnpm lint - Run linting
  • pnpm test - Run tests

Installation

  1. Open Chrome and navigate to chrome://extensions/
  2. Enable "Developer mode" in the top right
  3. Click "Load unpacked" and select the dist directory from this project

Requirements

  • Node.js >= 16
  • pnpm
  • Chrome browser

Based on

License

MIT