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>&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>