Vanguard AI Browser

Vanguard AI: Your Agentic Web Explorer

Built for the GitHub Copilot SDK Weekend Contest
_{Powered by GitHub Copilot SDK • Electron • Chromium}

Features • Installation • Usage • Configuration • License

---

Overview

Vanguard AI Browser is a next-generation agentic web browser that integrates the GitHub Copilot SDK directly into your browsing experience. Reimagined with a stunning "Aurora" glassmorphism aesthetic, it transforms the web browser from a passive viewer into an active assistant that can browse, summarize, search, and navigate on your behalf.

✨ Features

• Agentic AI Integration - Built-in sidebar powered by GitHub Copilot SDK that understands web context.
• Autonomous Navigation - The AI can control the browser to search, simple navigation, and find information for you.
• Smart Page Awareness - Ask questions about the exact page you are viewing with one click.
• Vanguard Design System - A beautiful, modern interface featuring glassmorphism, animated aurora backgrounds, and fluid interactions.
• Privacy First - Integrated uBlock Origin support for ad-free browsing.
• Multi-Model Support - Switch between GPT-4.1, GPT-5-Mini, Claude Haiku 4.5, and more.
• Advanced Tab Management - Vertical tab integration and keyboard-centric workflow.
• Streaming Responses - Real-time AI thinking and response streaming with transparent "Thinking" blocks.

📸 Screenshots

Light Mode Focus

Dark Mode Focus

AI Agentic Example

🚀 Installation

Prerequisites

• Node.js (v18 or later)
• GitHub Copilot CLI - Installation Guide

Setup

1. Clone the repository

   git clone https://github.com/YoavLax/Vanguard-AI-Browser.git
   cd Vanguard-AI-Browser

2. Install dependencies

   npm install

3. Run the application

   npm start

⌨️ Usage

Navigation

• Address Bar: Type URLs or search queries directly.
• Zero State: The new tab page offers quick suggestions and a command interface.

AI Assistant

• Toggle Sidebar: Click the hamburger menu or press Ctrl + Shift + I.
• Page Context: Click the "Page Context" button (document icon) to let the AI read the current site.
• Models: Switch models using the dropdown in the chat footer.

Keyboard Shortcuts

Shortcut	Action
Ctrl + T	New Tab
Ctrl + W	Close Tab
Ctrl + L	Focus Address Bar
Ctrl + R	Reload Page
Ctrl + Shift + I	Toggle Copilot Sidebar
Ctrl + Shift + N	New Chat Session

🛠️ Development

# Run in development mode (Hot Reload)
npm run dev

# Build for production
npm run build

# Package application
npm run package

🏗️ Technology Stack

• Core: Electron, Chromium
• AI: GitHub Copilot SDK
• Language: TypeScript, Vanilla JavaScript (Renderer)
• Styling: Radiant CSS, Glassmorphism, CSS Variables
• State Management: Electron IPC