AI Navigator

A beautifully designed, native desktop hub for the world's AI models and Agent platforms. One click. Every AI. Built with Tauri + React + TypeScript.

---

✨ Features

• 🏠 One-stop access to 100+ AI models and 60+ Agent platforms — OpenAI, Claude, Gemini, DeepSeek, Qwen, Cursor, Claude Code, OpenHands, CrewAI, and many more.
• 🔍 Powerful search — pinyin-aware fuzzy matching, instant results with keyboard navigation.
• ⭐ Favorites & history — never lose track of your favorite tools.
• 🎨 macOS-native UI — Liquid Glass, glassmorphism, Apple-level animations.
• 🌗 Light / Dark / System theme with smooth transitions.
• 🏷️ Tag system for filtering by Chat, Image, Video, Coding, Open Source, etc.
• 🚀 Detail pages with models, pricing, installation guides, supported platforms.
• ⚡ Fast & lightweight — Tauri-based, ~5 MB binary, < 2s cold start.
• 🌐 Auto-updating database — always in sync with the latest AI releases.
• 💾 100% local — your data never leaves your machine.

🛠 Tech Stack

• Frontend: React 18 · TypeScript 5 · Vite 5 · TailwindCSS 3 · Framer Motion 11
• Backend: Tauri 1.6 (Rust)
• State: Zustand 4 with persist
• Search: pinyin-pro + custom fuzzy matcher
• Routing: React Router 6
• Icons: Lucide React · Google Favicon Service for AI/Agent logos

📦 Installation

Download

Grab the latest release for your platform from the Releases page:

• macOS: AI Navigator_x.x.x_aarch64.dmg (Apple Silicon) or AI Navigator_x.x.x_x64.dmg (Intel)
• Windows: AI Navigator_x.x.x_x64_en-US.msi
• Linux: AI Navigator_x.x.x_amd64.AppImage or .deb

macOS

1. Open the .dmg and drag AI Navigator into the Applications folder.
2. Launch from Applications, Launchpad, or Spotlight.
3. (First launch) Right-click the icon → Open if Gatekeeper complains.

Windows

1. Run the .msi installer.
2. Launch from the Start Menu.

Linux

chmod +x AI\ Navigator_x.x.x_amd64.AppImage
./AI\ Navigator_x.x.x_amd64.AppImage

🚀 Development

Prerequisites

• Node.js ≥ 18
• Rust ≥ 1.70 — Install
• Tauri CLI — cargo install tauri-cli --version "^1.5"

Platform deps:

• macOS: Xcode Command Line Tools (xcode-select --install)
• Windows: WebView2 + Microsoft C++ Build Tools
• Linux: webkit2gtk-4.1, libssl-dev, libgtk-3-dev, libayatana-appindicator3-dev, librsvg2-dev

# Ubuntu / Debian
sudo apt install libwebkit2gtk-4.0-dev libjavascriptcoregtk-4.0-dev libsoup2.4-dev \
  libssl-dev libgtk-3-dev libayatana-appindicator3-dev librsvg2-dev patchelf

# Fedora
sudo dnf install webkit2gtk4.0-devel javascriptcoregtk4.0-devel libsoup2.4-devel \
  openssl-devel gtk3-devel libappindicator-gtk3-devel librsvg2-devel patchelf

Quick start

git clone https://github.com/haotong-Duan/ai-navigator.git
cd ai-navigator
npm install
npm run tauri:dev

The app launches in a Tauri window with hot-reload. First run downloads and compiles ~400 Rust crates (~3-5 min); subsequent runs are fast.

Scripts

Command	Description
npm run dev	Vite dev server only (browser preview at :1420)
npm run build	Type-check + production frontend build
npm run tauri:dev	Tauri dev mode (full app with hot-reload)
npm run tauri:build	Production .app / .msi / .AppImage bundle
npm run typecheck	TypeScript type check only
npm run lint	ESLint

🏗 Build for production

npm run tauri:build

Outputs go to src-tauri/target/release/bundle/:

• macOS: macos/AI Navigator.app + dmg/AI Navigator_x.x.x_aarch64.dmg
• Windows: msi/AI Navigator_x.x.x_x64_en-US.msi
• Linux: appimage/ai-navigator_x.x.x_amd64.AppImage + deb/ai-navigator_x.x.x_amd64.deb

🧩 Architecture

AI Navigator is built as a set of fully decoupled modules:

src/
├── components/       # Reusable UI (cards, sidebar, search, detail)
├── pages/            # Route-level views
├── data/             # Local JSON databases (AI + Agent catalogs)
├── lib/              # Core libraries (search, store, browser, utils)
├── hooks/            # React hooks (theme, updater)
├── types/            # TypeScript type definitions
├── App.tsx           # Root + routing
├── main.tsx          # React entry
└── index.css         # Global styles + glassmorphism utilities

Key design decisions

• Local-first. No telemetry, no remote calls except the optional data sync. All state lives in localStorage via Zustand persist.
• Data as TypeScript modules, not JSON files. Gives you type safety, IDE autocomplete, and easy refactoring.
• Tauri shell for external links. All "Visit Website" buttons route through Rust's open::that_detached, never inside the WebView.
• Glassmorphism via CSS variables. Three utility classes (.glass, .glass-strong, .liquid-glass) drive the entire look. Dark mode is a single class flip on <html>.

See ARCHITECTURE.md for the full breakdown.

🤝 Contributing

We love contributions! See CONTRIBUTING.md for guidelines.

The easiest way to contribute is to add a new AI or Agent to the catalog:

// src/data/ai.ts
{
  id: "newai",
  name: "NewAI",
  logo: "https://www.google.com/s2/favicons?domain=newai.com&sz=128",
  website: "https://newai.com",
  company: "New Company",
  description: "One-liner.",
  category: "chat",
  tags: ["Chat", "API"],
  lastUpdate: "2026-07",
}

📜 License

MIT

🙏 Acknowledgments

• Inspired by Apple Human Interface Guidelines
• Logo data: Google Favicon Service
• Built with Tauri, React, TailwindCSS, Framer Motion
• Special thanks to the open-source AI community

---

Made with ❤ for the AI community