Skip to content

Repository files navigation

πŸ€– MultiModal Browser Agent

AI Agent Logo

An advanced autonomous browser agent powered by AI
Navigate, search, automate, and get things done β€” all through natural conversation.

Features β€’ Screenshots β€’ Installation β€’ Usage β€’ API Keys β€’ Privacy


✨ Features

🧠 Multi-Model AI Support

Choose from the best AI models available:

  • Google Gemini (3.1 Pro Preview, 3 Flash Preview, 3 Pro Preview, 2.5 Pro, 2.5 Flash) β€” Free tier available!
  • OpenAI (GPT-5.1, GPT-5)
  • Anthropic Claude (Opus 4.6, Sonnet 4.6, Opus 4.5/4, Sonnet 4.5/4, 3.7 Sonnet)
  • Perplexity (Sonar Pro, Sonar Reasoning Pro, Sonar Reasoning, Sonar, Deep Research) β€” Real-time web search
  • OpenRouter β€” Access 100+ models through a single key (GPT-5.1/5/4.1, Claude 4.6/4.5/3.7, Gemini 3.1/3/2.5, Llama 4, DeepSeek R1/V3, Qwen 3, Mistral, Codestral, Command R+)
  • Custom Provider β€” Use any OpenAI-compatible API (Ollama, LM Studio, Together AI, Bytez)

🌐 Browser Automation

The AI can control your browser to:

  • Navigate to any URL
  • Search Google, Bing, or any search engine
  • Click buttons, links, and interactive elements
  • Type in forms, search boxes, and text fields
  • Press keys (Enter, Tab, Escape) for form submission
  • Scroll pages up, down, or to specific positions
  • Manage tabs (open, close, switch)

⏰ Smart Reminders

Set reminders using natural language:

  • "Remind me to take a break in 5 minutes"
  • "Set a timer for 30 seconds"
  • Features:
    • πŸ”” Chrome notifications with sound
    • πŸ“‹ Reminders panel with filter tabs (All/Pending/Completed)
    • πŸ”„ Snooze completed reminders
    • πŸ—‘οΈ Manage and delete reminders

πŸ’¬ Chat Interface

  • Modern, responsive design with premium glassmorphism and dark theme
  • Color-coded provider pills for easy model identification
  • Gradient chat bubbles with smooth animations
  • Quick-action suggestion buttons on empty state
  • Chat history with session management
  • Rename, delete, and organize conversations
  • Copy messages to clipboard
  • Markdown support in responses

🧠 Memory & Context

  • Page Awareness: AI reads current page content, URL, and title
  • Memory System: Save preferences (name, timezone, etc.)
  • Interactive Elements: AI can see and use buttons, links, forms

πŸ“Έ Screenshots

Main Chat Interface

The clean, modern chat interface with model selection and conversation history.

Main Chat Interface

Browser Automation

Watch the AI navigate, search, click, and type for you automatically.

Browser Automation

Reminders Management

Set, track, and manage reminders with the intuitive panel.

Reminders Panel

Settings Panel

Configure API keys, custom providers, and memory preferences.

Settings Panel

Chat History

Easily manage past conversations with rename and delete options.

Chat History


πŸš€ Installation

Option 1: Chrome Web Store (Recommended)

Coming soon!

Option 2: Manual Installation

  1. Clone the repository:

    git clone https://github.com/TrixCoder/multiai_extension.git
    cd multiai_extension
  2. Install dependencies:

    npm install
  3. Build the extension:

    npm run build
  4. Load into Chrome:

    • Open chrome://extensions/
    • Enable "Developer mode" (top right toggle)
    • Click "Load unpacked"
    • Select the dist folder

πŸ“– Usage

Getting Started

  1. Click the extension icon in your browser toolbar
  2. Open Settings (βš™οΈ) and enter your API key(s)
  3. Select your preferred AI model
  4. Start chatting!

Example Commands

πŸ’¬ General Chat

"Hello! How are you?"
"What's the weather like in New York?"
"Explain quantum computing in simple terms"

πŸ” Search & Navigation

"Search Google for React tutorials"
"Go to github.com"
"Open YouTube and search for cooking videos"

πŸ–±οΈ Browser Control

"Click the login button"
"Type my email in the form"
"Scroll down to see more"

⏰ Reminders

"Remind me to check emails in 10 minutes"
"Set a timer for 30 seconds"
"Remind me to take a break in 1 hour"

πŸ“‘ Tab Management

"Open a new tab to google.com"
"Close this tab"
"Switch to the YouTube tab"

πŸ”‘ API Keys

1. Google Gemini (Free Tier Available) ⭐

Gemini offers a generous free tier β€” perfect for getting started!

  1. Go to Google AI Studio
  2. Sign in with your Google account
  3. Click "Get API key" in the top left
  4. Click "Create API key in new project"
  5. Copy the generated key

2. Perplexity AI (Paid / Pro Credits)

Real-time web search capabilities. Pro subscribers get $5/month credits.

  1. Go to Perplexity API Settings
  2. Add a payment method or use Pro credits
  3. Click "Generate" to create a new API key

3. OpenAI (Paid)

Access to GPT-5.1, GPT-5, and other cutting-edge models.

  1. Go to OpenAI Platform
  2. Sign up or log in
  3. Go to Settings > Billing and add credits
  4. Go to API Keys and click "Create new secret key"

4. Anthropic Claude (Paid)

Access to Claude Opus 4.6, Sonnet 4.6, Claude 3.7 Sonnet and other models.

  1. Go to Anthropic Console
  2. Sign up or log in
  3. Go to Settings > Plans & Billing to add funds
  4. Go to "Get API Keys" and click "Create Key"

5. OpenRouter (Pay-as-you-go) 🌐

Access 100+ models with a single API key β€” GPT-5.1, Claude Opus 4.6, Gemini 3.1, Llama 4, DeepSeek, and more!

  1. Go to OpenRouter
  2. Sign up or log in
  3. Go to "Keys" and click "Create Key"
  4. Add credits via Billing (pay-as-you-go)

6. Custom Provider

Use any OpenAI-compatible API (like Ollama, LM Studio, etc.):

  1. Open Settings
  2. Select "Custom" model
  3. Enter your Base URL (e.g., http://localhost:11434/v1)
  4. Enter your Model Name (e.g., llama3)

πŸ”’ Privacy

Your privacy is important to us:

  • βœ… API keys stored locally in your browser (never sent to our servers)
  • βœ… No data collection β€” we don't track your usage
  • βœ… Open source β€” inspect the code yourself!

Please read our full Privacy Policy for details.


πŸ› οΈ Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Type check
npm run typecheck

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ’– Support

If you find this extension useful, consider:


Made with ❀️ by TrixCoder

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages