AgenticAIHubResearch / index.html
nguyenthanhasia's picture
Upload 3 files
0da04ea verified
raw
history blame
17.8 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>πŸ€– Agentic AI Hub - Comprehensive Repository Collection</title>
<meta name="description" content="Discover the most comprehensive collection of Agentic AI repositories for scientific research automation, multi-agent systems, and cutting-edge AI frameworks.">
<meta name="keywords" content="Agentic AI, Multi-Agent Systems, Scientific Research Automation, AI Frameworks, Machine Learning, The AI Scientist">
<meta name="author" content="Agentic AI Hub">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="πŸ€– Agentic AI Hub - Comprehensive Repository Collection">
<meta property="og:description" content="Discover cutting-edge AI agent frameworks and research automation tools">
<meta property="og:type" content="website">
<meta property="og:image" content="https://via.placeholder.com/1200x630/667eea/ffffff?text=Agentic+AI+Hub">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="πŸ€– Agentic AI Hub">
<meta name="twitter:description" content="Comprehensive collection of Agentic AI repositories">
<!-- Favicon -->
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>πŸ€–</text></svg>">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header-content">
<div class="logo">
<h1>πŸ€– Agentic AI Hub</h1>
<p>Comprehensive Repository Collection</p>
</div>
<nav class="nav">
<a href="#explore" class="nav-link">Explore</a>
<a href="#stats" class="nav-link">Statistics</a>
<a href="#guide" class="nav-link">Quick Start</a>
<a href="#about" class="nav-link">About</a>
</nav>
</div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<div class="hero-content">
<h2 class="hero-title">Discover the Future of AI Agents</h2>
<p class="hero-subtitle">
Explore the most comprehensive collection of Agentic AI repositories for scientific research automation,
multi-agent systems, and cutting-edge AI frameworks
</p>
<div class="hero-stats">
<div class="stat-item">
<span class="stat-number" id="total-repos">38</span>
<span class="stat-label">Repositories</span>
</div>
<div class="stat-item">
<span class="stat-number">8</span>
<span class="stat-label">Categories</span>
</div>
<div class="stat-item">
<span class="stat-number" id="research-tools">25</span>
<span class="stat-label">Research Tools</span>
</div>
</div>
<a href="#explore" class="cta-button">
<i class="fas fa-rocket"></i>
Start Exploring
</a>
</div>
</div>
</section>
<!-- Search and Filter Section -->
<section id="explore" class="search-section">
<div class="container">
<h2 class="section-title">πŸ” Explore Repositories</h2>
<div class="search-controls">
<div class="search-bar">
<i class="fas fa-search search-icon"></i>
<input type="text" id="search-input" placeholder="Search repositories by name, description, organization, or tags...">
<button id="clear-search" class="clear-btn" title="Clear search">
<i class="fas fa-times"></i>
</button>
</div>
<div class="filters">
<div class="filter-group">
<label for="category-filter">πŸ“‚ Category</label>
<select id="category-filter">
<option value="all">All Categories</option>
<option value="Scientific Research Automation">Scientific Research Automation</option>
<option value="Multi-Agent Frameworks">Multi-Agent Frameworks</option>
<option value="Multi-Agent Systems">Multi-Agent Systems</option>
<option value="Monitoring & Observability">Monitoring & Observability</option>
<option value="Research Tools">Research Tools</option>
<option value="Agent Platforms">Agent Platforms</option>
<option value="Resources & Collections">Resources & Collections</option>
</select>
</div>
<div class="filter-group">
<label for="stars-filter">⭐ Minimum Stars</label>
<select id="stars-filter">
<option value="0">Any</option>
<option value="1000">1k+</option>
<option value="5000">5k+</option>
<option value="10000">10k+</option>
<option value="20000">20k+</option>
</select>
</div>
<div class="filter-group">
<label for="cost-filter">πŸ”§ Type</label>
<select id="cost-filter">
<option value="all">All Types</option>
<option value="Open Source">Open Source</option>
<option value="Research Tool">Research Tool</option>
<option value="Commercial">Commercial</option>
</select>
</div>
</div>
</div>
<div class="results-info">
<span id="results-count">38 repositories found</span>
<div class="sort-options">
<label for="sort-select">Sort by:</label>
<select id="sort-select">
<option value="name">Name</option>
<option value="stars">Stars</option>
<option value="category">Category</option>
<option value="organization">Organization</option>
</select>
</div>
</div>
</div>
</section>
<!-- Repository Grid -->
<section class="repositories-section">
<div class="container">
<div id="repositories-grid" class="repositories-grid">
<!-- Repository cards will be dynamically generated here -->
</div>
<div id="no-results" class="no-results" style="display: none;">
<div class="no-results-content">
<i class="fas fa-search fa-3x"></i>
<h3>No repositories found</h3>
<p>Try adjusting your search criteria or browse all repositories.</p>
<button id="reset-filters" class="reset-btn">Reset Filters</button>
</div>
</div>
</div>
</section>
<!-- Statistics Section -->
<section id="stats" class="stats-section">
<div class="container">
<h2 class="section-title">πŸ“Š Statistics & Analytics</h2>
<div class="stats-grid">
<div class="stat-card">
<div class="stat-icon">πŸ”¬</div>
<div class="stat-info">
<span class="stat-number">7</span>
<span class="stat-label">Scientific Research Automation</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">πŸ€–</div>
<div class="stat-info">
<span class="stat-number">9</span>
<span class="stat-label">Multi-Agent Frameworks</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">πŸ”</div>
<div class="stat-info">
<span class="stat-number">6</span>
<span class="stat-label">Multi-Agent Systems</span>
</div>
</div>
<div class="stat-card">
<div class="stat-icon">πŸ“Š</div>
<div class="stat-info">
<span class="stat-number">3</span>
<span class="stat-label">Monitoring & Observability</span>
</div>
</div>
</div>
<div class="category-breakdown">
<h3>Repository Distribution by Category</h3>
<div id="category-chart" class="category-chart">
<!-- Category distribution will be generated here -->
</div>
</div>
</div>
</section>
<!-- Quick Start Guide -->
<section id="guide" class="guide-section">
<div class="container">
<h2 class="section-title">πŸš€ Quick Start Guide</h2>
<div class="guide-grid">
<div class="guide-card beginner">
<div class="guide-header">
<i class="fas fa-seedling"></i>
<h3>For Beginners</h3>
</div>
<div class="guide-content">
<ol>
<li><strong>AutoGen:</strong> Microsoft's user-friendly multi-agent framework</li>
<li><strong>CrewAI:</strong> Fast and flexible framework for role-playing agents</li>
<li><strong>OpenAI Swarm:</strong> Educational framework for learning multi-agent concepts</li>
</ol>
</div>
</div>
<div class="guide-card researcher">
<div class="guide-header">
<i class="fas fa-microscope"></i>
<h3>For Researchers</h3>
</div>
<div class="guide-content">
<ol>
<li><strong>The AI Scientist:</strong> Fully automated scientific research system</li>
<li><strong>AI-Researcher:</strong> Comprehensive research lifecycle automation</li>
<li><strong>Curie:</strong> Rigorous scientific experimentation framework</li>
</ol>
</div>
</div>
<div class="guide-card advanced">
<div class="guide-header">
<i class="fas fa-rocket"></i>
<h3>For Advanced Users</h3>
</div>
<div class="guide-content">
<ol>
<li><strong>LangGraph:</strong> Build complex stateful agent applications</li>
<li><strong>MetaGPT:</strong> Create AI software companies with natural language</li>
<li><strong>Semantic Kernel:</strong> Enterprise-grade agent orchestration</li>
</ol>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="about-section">
<div class="container">
<h2 class="section-title">🎯 About This Collection</h2>
<div class="about-content">
<div class="about-text">
<p>
This comprehensive collection features the most important and cutting-edge repositories in the Agentic AI space,
with a special focus on scientific research automation and multi-agent systems. Each repository has been carefully
curated based on innovation level, community impact, research relevance, technical quality, and active development.
</p>
<h3>πŸ”¬ Special Focus: Scientific Research Automation</h3>
<p>
This collection particularly highlights repositories related to <strong>The AI Scientist</strong> and similar
breakthrough systems that can automate various aspects of the scientific research process, from idea generation
to paper writing and peer review simulation.
</p>
<div class="features-list">
<h4>Selection Criteria:</h4>
<ul>
<li><strong>Innovation Level:</strong> Breakthrough technologies and novel approaches</li>
<li><strong>Community Impact:</strong> GitHub stars, forks, and community engagement</li>
<li><strong>Research Relevance:</strong> Alignment with scientific research automation trends</li>
<li><strong>Technical Quality:</strong> Code quality, documentation, and maintainability</li>
<li><strong>Active Development:</strong> Recent commits and ongoing improvements</li>
</ul>
</div>
</div>
<div class="about-highlights">
<h4>🌟 Highlights</h4>
<div class="highlight-item">
<strong>The AI Scientist</strong> - Breakthrough in automated scientific research and paper generation
</div>
<div class="highlight-item">
<strong>AutoGen</strong> - Most popular multi-agent framework (32.1k stars)
</div>
<div class="highlight-item">
<strong>MetaGPT</strong> - Highest starred multi-agent system (45.2k stars)
</div>
<div class="highlight-item">
<strong>CrewAI</strong> - Fast-growing multi-agent automation framework (22.8k stars)
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>πŸ€– Agentic AI Hub</h4>
<p>Comprehensive collection of cutting-edge AI agent repositories</p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="#explore">Explore Repositories</a></li>
<li><a href="#stats">Statistics</a></li>
<li><a href="#guide">Quick Start Guide</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Categories</h4>
<ul>
<li><a href="#" data-category="Scientific Research Automation">Scientific Research</a></li>
<li><a href="#" data-category="Multi-Agent Frameworks">Multi-Agent Frameworks</a></li>
<li><a href="#" data-category="Monitoring & Observability">Monitoring Tools</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect</h4>
<div class="social-links">
<a href="#" title="GitHub"><i class="fab fa-github"></i></a>
<a href="#" title="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" title="LinkedIn"><i class="fab fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2025 Agentic AI Hub. Curated with ❀️ for the AI community. Last updated: June 2025</p>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<button id="back-to-top" class="back-to-top" title="Back to top">
<i class="fas fa-chevron-up"></i>
</button>
<!-- JavaScript -->
<script src="script.js"></script>
</body>
</html>