File size: 17,801 Bytes
0da04ea c05c6de 0da04ea |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 |
<!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>© 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>
|