MemoleCard AI导航站 是一个开源的AI工具导航网站，致力于为用户提供最全面、最优质的AI工具资源。本项目采用现代化的前端技术栈构建，具有响应式设计、多语言支持、深色模式等特性，旨在打造一个简洁、高效、易用的AI工具发现平台。
本项目收录了数百个优质AI工具，涵盖AI对话、AI绘画、AI写作、AI编程、AI视频、AI音频等多个领域，帮助用户快速找到适合自己的AI工具，提升工作效率和创造力。无论你是设计师、开发者、内容创作者还是普通用户，都能在这里找到适合自己的AI工具。
MemoleCard AI Navigation is an open-source AI tools navigation website dedicated to providing users with the most comprehensive and high-quality AI tool resources. This project is built with a modern frontend technology stack, featuring responsive design, multi-language support, dark mode, and more, aiming to create a simple, efficient, and easy-to-use AI tool discovery platform.
This project collects hundreds of high-quality AI tools, covering AI chat, AI art, AI writing, AI coding, AI video, AI audio, and many other fields, helping users quickly find the right AI tools to improve work efficiency and creativity. Whether you are a designer, developer, content creator, or general user, you can find AI tools that suit your needs here.
MemoleCard AIナビ は、ユーザーに最も包括的で高品質なAIツールリソースを提供することを目的としたオープンソースのAIツールナビゲーションウェブサイトです。このプロジェクトは現代的なフロントエンド技術スタックで構築され、レスポンシブデザイン、多言語サポート、ダークモードなどの機能を備え、シンプルで効率的、使いやすいAIツール発見プラットフォームを作ることを目指しています。
このプロジェクトは数百の高品質なAIツールを収集し、AIチャット、AIアート、AIライティング、AIコーディング、AI動画、AIオーディオなど多くの分野をカバーし、ユーザーが自分に合ったAIツールを素早く見つけ、作業効率と創造性を向上させるのを助けます。デザイナー、開発者、コンテンツクリエイター、一般ユーザーのどちらであっても、ここで自分に合ったAIツールを見つけることができます。
- 🎨 现代化UI设计 - 采用腾讯云风格和OpenClaw风格的玻璃拟态设计，视觉效果精美
- 🌍 多语言支持 - 支持中文、英文、日语三语切换，满足全球用户需求
- 🌓 深色/浅色模式 - 支持主题切换，自动跟随系统偏好，保护用户视力
- 📱 响应式设计 - 完美适配桌面端和移动端，随时随地访问
- 🔍 智能搜索 - 支持关键词搜索，快速定位目标工具
- 🏷️ 分类筛选 - 16个精细分类，轻松找到所需类型的AI工具
- 🔥 热门推荐 - 标注热门工具，发现最受欢迎的AI应用
- ⚡ 高性能加载 - 采用Vite构建，首屏加载速度快
- 🔒 SEO优化 - 完善的SEO策略，提升搜索引擎排名
- 📊 结构化数据 - Schema.org结构化数据，增强搜索引擎理解
- 🗺️ 站点地图 - 自动生成sitemap.xml，便于搜索引擎索引
- 🤖 AI工具丰富 - 收录200+优质AI工具，持续更新
- 🎨 Modern UI Design - Tencent Cloud style and OpenClaw-style glassmorphism design with exquisite visual effects
- 🌍 Multi-language Support - Supports Chinese, English, and Japanese switching to meet global user needs
- 🌓 Dark/Light Mode - Supports theme switching, automatically follows system preferences, protects user vision
- 📱 Responsive Design - Perfectly adapts to desktop and mobile devices, access anytime, anywhere
- 🔍 Smart Search - Supports keyword search to quickly locate target tools
- 🏷️ Category Filtering - 16 refined categories to easily find the type of AI tools you need
- 🔥 Hot Recommendations - Highlights hot tools to discover the most popular AI applications
- ⚡ High Performance Loading - Built with Vite for fast first-screen loading
- 🔒 SEO Optimization - Comprehensive SEO strategy to improve search engine rankings
- 📊 Structured Data - Schema.org structured data to enhance search engine understanding
- 🗺️ Sitemap - Automatically generates sitemap.xml for easy search engine indexing
- 🤖 Rich AI Tools - Collects 200+ high-quality AI tools, continuously updated
- 🎨 モダンUIデザイン - テンセントクラウドスタイルとOpenClawスタイルのグラスモーフィズムデザイン、精美なビジュアル効果
- 🌍 多言語サポート - 中国語、英語、日本語の3言語切り替えをサポート、世界中のユーザーのニーズを満たす
- 🌓 ダーク/ライトモード - テーマ切り替えをサポート、システム設定に自動追従、ユーザーの視力を保護
- 📱 レスポンシブデザイン - デスクトップとモバイルデバイスに完璧に適応、いつでもどこでもアクセス
- 🔍 スマート検索 - キーワード検索をサポート、ターゲットツールを素早く特定
- 🏷️ カテゴリフィルタリング - 16の洗練されたカテゴリ、必要なタイプのAIツールを簡単に見つける
- 🔥 人気おすすめ - 人気ツールをハイライト、最も人気のあるAIアプリケーションを発見
- ⚡ 高性能ロード - Viteで構築、初回画面の読み込みが高速
- 🔒 SEO最適化 - 包括的なSEO戦略、検索エンジンランキングを向上
- 📊 構造化データ - Schema.org構造化データ、検索エンジンの理解を強化
- 🗺️ サイトマップ - sitemap.xmlを自動生成、検索エンジンのインデックス作成が容易
- 🤖 豊富なAIツール - 200以上の高品質なAIツールを収集、継続的に更新
- 前端框架: Vue 3 (Composition API)
- 构建工具: Vite 5.x
- UI组件库: Ant Design Vue 4.x
- 路由管理: Vue Router
- 国际化: vue-i18n
- 图标库: @ant-design/icons-vue
- 样式方案: CSS3 + Scoped CSS
- 代码规范: ESLint + Prettier
- Frontend Framework: Vue 3 (Composition API)
- Build Tool: Vite 5.x
- UI Component Library: Ant Design Vue 4.x
- Router Management: Vue Router
- Internationalization: vue-i18n
- Icon Library: @ant-design/icons-vue
- Style Solution: CSS3 + Scoped CSS
- Code Standards: ESLint + Prettier
- フロントエンドフレームワーク: Vue 3 (Composition API)
- ビルドツール: Vite 5.x
- UIコンポーネントライブラリ: Ant Design Vue 4.x
- ルーター管理: Vue Router
- 国際化: vue-i18n
- アイコンライブラリ: @ant-design/icons-vue
- スタイルソリューション: CSS3 + Scoped CSS
- コード規範: ESLint + Prettier
daohang/
├── public/ # 静态资源目录
├── src/
│ ├── assets/ # 资源文件（图片、字体等）
│ ├── components/ # Vue组件
│ │ └── ToolCard.vue # 工具卡片组件
│ ├── data/ # 数据文件
│ │ └── tools.js # AI工具数据
│ ├── locales/ # 国际化文件
│ │ ├── zh.js # 中文语言包
│ │ ├── en.js # 英文语言包
│ │ └── ja.js # 日语语言包
│ ├── App.vue # 根组件
│ ├── main.js # 入口文件
│ └── style.css # 全局样式
├── index.html # HTML模板
├── robots.txt # 爬虫规则
├── sitemap.xml # 站点地图
├── package.json # 项目配置
├── vite.config.js # Vite配置
└── README.md # 项目说明
- Node.js >= 16.0.0
- npm >= 7.0.0 或 yarn >= 1.22.0
- 克隆项目
git clone https://github.com/memolecard/MemoleCard-AI-Navigation.git
cd ai-navigation- 安装依赖
npm install
# 或
yarn install- 启动开发服务器
npm run dev
# 或
yarn dev- 访问应用
打开浏览器访问 http://localhost:5173
- 构建生产版本
npm run build
# 或
yarn build- Node.js >= 16.0.0
- npm >= 7.0.0 or yarn >= 1.22.0
- Clone the project
git clone https://github.com/your-username/ai-navigation.git
cd ai-navigation- Install dependencies
npm install
# or
yarn install- Start development server
npm run dev
# or
yarn dev- Access the application
Open your browser and visit http://localhost:5173
- Build for production
npm run build
# or
yarn build- Node.js >= 16.0.0
- npm >= 7.0.0 または yarn >= 1.22.0
- プロジェクトをクローン
git clone https://github.com/your-username/ai-navigation.git
cd ai-navigation- 依存関係をインストール
npm install
# または
yarn install- 開発サーバーを起動
npm run dev
# または
yarn dev- アプリケーションにアクセス
ブラウザを開いて http://localhost:5173 にアクセス
- 本番用ビルド
npm run build
# または
yarn build项目内置了完整的中英日三语支持，用户可以通过右上角的语言选择器随时切换界面语言。语言设置会自动保存到本地存储，下次访问时自动应用。
支持的语言：
- 🇨🇳 简体中文 (zh-CN)
- 🇺🇸 English (en-US)
- 🇯🇵 日本語 (ja-JP)
支持深色和浅色两种主题模式，用户可以：
- 手动切换主题
- 自动跟随系统偏好设置
- 主题设置自动保存到本地存储
深色模式采用护眼的深色背景，适合夜间使用；浅色模式采用清爽的白色背景，适合日间使用。
项目将AI工具分为16个精细分类：
| 分类 | 说明 |
|---|---|
| AI对话 | ChatGPT、Claude、Gemini等对话AI |
| AI绘画 | Midjourney、DALL-E、Stable Diffusion等 |
| AI写作 | Jasper、Copy.ai、Notion AI等 |
| AI编程 | GitHub Copilot、Cursor、Codeium等 |
| AI视频 | Runway、Pika、Sora等 |
| AI音频 | ElevenLabs、Suno、Murf AI等 |
| AI搜索 | Perplexity、You.com、Phind等 |
| 办公提效 | Notion AI、Gamma、Beautiful.ai等 |
| 创意设计 | Canva AI、Figma AI、Adobe Firefly等 |
| 图片处理 | Remove.bg、Topaz Labs、ARC等 |
| 思维导图 | Miro AI、XMind AI、GitMind等 |
| 提示词 | PromptBase、FlowGPT等 |
| 大模型 | Hugging Face、Replicate等 |
| 虚拟形象 | HeyGen、D-ID、Synthesia等 |
支持多维度搜索：
- 工具名称搜索（支持中英日三语）
- 工具描述搜索
- 标签搜索
搜索结果实时更新，帮助用户快速找到目标工具。
项目实施了全面的SEO优化策略：
- 语义化HTML结构
- 完善的Meta标签
- Open Graph和Twitter Card支持
- Schema.org结构化数据
- XML站点地图
- robots.txt爬虫规则
- 多语言SEO优化
The project has built-in complete support for Chinese, English, and Japanese. Users can switch interface languages at any time through the language selector in the upper right corner. Language settings are automatically saved to local storage and applied automatically on the next visit.
Supported languages:
- 🇨🇳 Simplified Chinese (zh-CN)
- 🇺🇸 English (en-US)
- 🇯🇵 日本語 (ja-JP)
Supports both dark and light theme modes, users can:
- Manually switch themes
- Automatically follow system preference settings
- Theme settings automatically saved to local storage
Dark mode uses eye-friendly dark backgrounds, suitable for nighttime use; light mode uses refreshing white backgrounds, suitable for daytime use.
The project divides AI tools into 16 refined categories:
| Category | Description |
|---|---|
| AI Chat | ChatGPT, Claude, Gemini, etc. |
| AI Art | Midjourney, DALL-E, Stable Diffusion, etc. |
| AI Writing | Jasper, Copy.ai, Notion AI, etc. |
| AI Coding | GitHub Copilot, Cursor, Codeium, etc. |
| AI Video | Runway, Pika, Sora, etc. |
| AI Audio | ElevenLabs, Suno, Murf AI, etc. |
| AI Search | Perplexity, You.com, Phind, etc. |
| Productivity | Notion AI, Gamma, Beautiful.ai, etc. |
| Design | Canva AI, Figma AI, Adobe Firefly, etc. |
| Photo Editing | Remove.bg, Topaz Labs, ARC, etc. |
| Mind Map | Miro AI, XMind AI, GitMind, etc. |
| Prompts | PromptBase, FlowGPT, etc. |
| LLM | Hugging Face, Replicate, etc. |
| Virtual Avatar | HeyGen, D-ID, Synthesia, etc. |
Supports multi-dimensional search:
- Tool name search (supports Chinese, English, Japanese)
- Tool description search
- Tag search
Search results update in real-time, helping users quickly find target tools.
The project implements comprehensive SEO optimization strategies:
- Semantic HTML structure
- Complete Meta tags
- Open Graph and Twitter Card support
- Schema.org structured data
- XML sitemap
- robots.txt crawler rules
- Multi-language SEO optimization
プロジェクトは中国語、英語、日本語の完全なサポートを内蔵しています。ユーザーは右上隅の言語セレクターを通じていつでもインターフェース言語を切り替えることができます。言語設定はローカルストレージに自動的に保存され、次回のアクセス時に自動的に適用されます。
サポートされている言語：
- 🇨🇳 簡体字中国語 (zh-CN)
- 🇺🇸 English (en-US)
- 🇯🇵 日本語 (ja-JP)
ダークとライトの2つのテーマモードをサポートし、ユーザーは：
- 手動でテーマを切り替え
- システム設定に自動追従
- テーマ設定はローカルストレージに自動保存
ダークモードは目に優しい暗い背景を使用し、夜間の使用に適しています；ライトモードは爽やかな白い背景を使用し、日中の使用に適しています。
プロジェクトはAIツールを16の洗練されたカテゴリに分類：
| カテゴリ | 説明 |
|---|---|
| AIチャット | ChatGPT、Claude、Geminiなど |
| AIアート | Midjourney、DALL-E、Stable Diffusionなど |
| AIライティング | Jasper、Copy.ai、Notion AIなど |
| AIコーディング | GitHub Copilot、Cursor、Codeiumなど |
| AI動画 | Runway、Pika、Soraなど |
| AIオーディオ | ElevenLabs、Suno、Murf AIなど |
| AI検索 | Perplexity、You.com、Phindなど |
| 生産性 | Notion AI、Gamma、Beautiful.aiなど |
| デザイン | Canva AI、Figma AI、Adobe Fireflyなど |
| 写真編集 | Remove.bg、Topaz Labs、ARCなど |
| マインドマップ | Miro AI、XMind AI、GitMindなど |
| プロンプト | PromptBase、FlowGPTなど |
| LLM | Hugging Face、Replicateなど |
| バーチャルアバター | HeyGen、D-ID、Synthesiaなど |
多次元検索をサポート：
- ツール名検索（中国語、英語、日本語をサポート）
- ツール説明検索
- タグ検索
検索結果はリアルタイムで更新され、ユーザーがターゲットツールを素早く見つけるのを助けます。
プロジェクトは包括的なSEO最適化戦略を実施：
- セマンティックHTML構造
- 完全なMetaタグ
- Open GraphとTwitter Cardサポート
- Schema.org構造化データ
- XMLサイトマップ
- robots.txtクローラールール
- 多言語SEO最適化
我们非常欢迎社区贡献！如果您想为本项目做出贡献，请遵循以下步骤：
- Fork 本仓库
- 创建您的特性分支 (
git checkout -b feature/AmazingFeature) - 提交您的更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 开启一个 Pull Request
- 🐛 修复Bug
- ✨ 添加新功能
- 📝 完善文档
- 🌍 添加新的语言支持
- 🎨 改进UI/UX
- ⚡ 性能优化
- 🔧 代码重构
We welcome community contributions! If you want to contribute to this project, please follow these steps:
- Fork this repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- 🐛 Bug fixes
- ✨ New features
- 📝 Documentation improvements
- 🌍 New language support
- 🎨 UI/UX improvements
- ⚡ Performance optimization
- 🔧 Code refactoring
コミュニティの貢献を歓迎します！このプロジェクトに貢献したい場合は、以下の手順に従ってください：
- このリポジトリをフォーク
- 機能ブランチを作成 (
git checkout -b feature/AmazingFeature) - 変更をコミット (
git commit -m 'Add some AmazingFeature') - ブランチにプッシュ (
git push origin feature/AmazingFeature) - プルリクエストを開く
- 🐛 バグ修正
- ✨ 新機能
- 📝 ドキュメント改善
- 🌍 新しい言語サポート
- 🎨 UI/UX改善
- ⚡ パフォーマンス最適化
- 🔧 コードリファクタリング
本项目采用 MIT 许可证。详见 LICENSE 文件。
This project is licensed under the MIT License. See the LICENSE file for details.
このプロジェクトはMITライセンスの下でライセンスされています。詳細はLICENSEファイルを参照してください。
- 🌐 官网: https://ai.memolecard.com
- 📧 Email: contact@memolecard.com
- 🐦 Twitter: @MemoleCard
- 💬 GitHub Issues: 提交问题
感谢以下项目和服务的支持：
- Vue.js - 渐进式JavaScript框架
- Vite - 下一代前端构建工具
- Ant Design Vue - 企业级UI组件库
- vue-i18n - Vue.js国际化插件
感谢所有为本项目做出贡献的开发者！
Thanks to the following projects and services for their support:
- Vue.js - The Progressive JavaScript Framework
- Vite - Next Generation Frontend Tooling
- Ant Design Vue - An enterprise-class UI components
- vue-i18n - Internationalization plugin for Vue.js
Thanks to all developers who contributed to this project!
以下のプロジェクトとサービスのサポートに感謝します：
- Vue.js - プログレッシブJavaScriptフレームワーク
- Vite - 次世代フロントエンドツール
- Ant Design Vue - エンタープライズ級UIコンポーネント
- vue-i18n - Vue.js国際化プラグイン
このプロジェクトに貢献したすべての開発者に感謝します！
⭐ 如果这个项目对你有帮助，请给一个Star支持一下！⭐
⭐ If this project helps you, please give it a star! ⭐
⭐ このプロジェクトが役立ったら、スターをお願いします！⭐
Made with ❤️ by MemoleCard Team