File size: 3,305 Bytes
3ff99fb
585b05a
3ff99fb
 
 
 
 
 
585b05a
3ff99fb
c1f4b98
 
3ff99fb
c1f4b98
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
---
title: AI Models Trending Dashboard πŸš€
emoji: πŸŒ–
colorFrom: red
colorTo: yellow
sdk: static
pinned: false
license: apache-2.0
short_description: AI models and spaces from HuggingFace and Replicate.
---
AI Models Trending Dashboard πŸš€
A real-time trending dashboard for AI models and spaces from HuggingFace and Replicate. Track the hottest AI models, discover new spaces, and explore official collections - all in one place.

🌟 Features
Real-time AI Model Tracking

HuggingFace Models: Browse trending models sorted by 7-day popularity
HuggingFace Spaces: Discover interactive AI applications and demos
Replicate Collection: Explore 100+ official AI models from top providers

Advanced Search & Filtering

Smart Search: Search by model name, author, or tags with auto-suggestions
Category Filters: Filter by model type (Text Generation, Image Generation, Audio, etc.)
SDK Filters: Filter spaces by framework (Gradio, Streamlit, Docker)
Multiple Sort Options: Trending (7d), Most Liked, Most Downloaded, Recently Added

Enhanced User Experience

Responsive Design: Optimized for desktop, tablet, and mobile devices
Real-time Updates: Refresh button for latest trending data
Visual Indicators: New badges for models created within 7 days
Rank Badges: Gold, Silver, Bronze medals for top 3 trending models

πŸ› οΈ Tech Stack

Frontend: Pure HTML5, CSS3, JavaScript (ES6+)
Styling: Modern CSS with animations and glassmorphism effects
API Integration: HuggingFace API for real-time model data
No Dependencies: Zero external libraries for maximum performance

πŸ“‹ Usage
Quick Start

Clone the repository:

bashgit clone https://github.com/yourusername/ai-trending-dashboard.git

Open index.html in your web browser
Start exploring trending AI models!

Search Tips

Use keywords to search across model names, authors, and tags
Click on suggestion items for quick selection
Combine search with filters for precise results

API Integration
The dashboard fetches data from:

HuggingFace Models API: https://huggingface.co/api/models?sort=likes7d
HuggingFace Spaces API: https://huggingface.co/api/spaces?sort=likes7d
Replicate models are curated from official collections

🎯 Key Features Explained
Trending Algorithm
Models are ranked based on HuggingFace's 7-day likes metric, ensuring you see what's currently popular in the AI community.
Smart Filtering System

Text Generation: LLMs like Llama, GPT, Claude
Image Generation: Stable Diffusion, FLUX, DALL-E
Audio/Music: Whisper, MusicGen, Voice cloning
Vision Models: Florence, CLIP, object detection

Performance Optimizations

Debounced search (300ms) for smooth typing experience
Virtual DOM updates for efficient rendering
Lazy loading for optimal initial page load

πŸ“Š SEO Keywords
ai models, huggingface trending, machine learning models, ai spaces, replicate models, artificial intelligence dashboard, trending ai, llm models, stable diffusion, gpt models, claude ai, text generation, image generation, audio ai, computer vision, ai applications, ml models, deep learning, neural networks, ai tools, model hub, ai community

πŸ™ Acknowledgments

HuggingFace for providing the models API
Replicate for curating official model collections
The open-source AI community for continuous innovation

Powered by https://discord.gg/openfreeai