Hugging Face's logo

Spaces:
reach-vb
/
2024-ai-timeline
Running

App Files Community
8
reach-vb HF staff commited on
Commit
88a8e69
•
1 Parent(s): d16ebb7

Update index.html (#1)

Browse files

- Update index.html (ae8958326936df6d190e5423f484faf40ccba79e)

Files changed (1) hide show
  1. index.html +767 -18
index.html CHANGED
@@ -1,19 +1,768 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI Model Release Timeline - 2024</title>
7
+ <style>
8
+ body {
9
+ font-family: 'Arial', sans-serif;
10
+ background-color: #f4f4f9;
11
+ color: #333;
12
+ margin: 0;
13
+ padding: 0;
14
+ overflow-x: auto;
15
+ }
16
+ .timeline {
17
+ display: flex;
18
+ flex-direction: row;
19
+ padding: 20px;
20
+ gap: 10px;
21
+ overflow-x: auto;
22
+ }
23
+ .month {
24
+ display: flex;
25
+ flex-direction: column;
26
+ gap: 10px;
27
+ min-width: 200px;
28
+ }
29
+ .month h3 {
30
+ margin: 0;
31
+ padding: 10px;
32
+ background-color: #6200ea;
33
+ color: white;
34
+ border-radius: 5px;
35
+ text-align: center;
36
+ }
37
+ .event {
38
+ background-color: white;
39
+ padding: 10px;
40
+ border-radius: 5px;
41
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
42
+ position: relative;
43
+ transition: all 0.3s ease;
44
+ }
45
+
46
+ /* Make open source events more prominent */
47
+ .event:has(.tag.open-source) {
48
+ background-color: #e8f5e9; /* Light green background */
49
+ border-left: 4px solid #4caf50;
50
+ transform: scale(1.02);
51
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
52
+ }
53
+
54
+ /* Slightly dim API-only events */
55
+ .event:has(.tag.api-only) {
56
+ background-color: #fafafa;
57
+ border-left: 4px solid #f44336;
58
+ }
59
+
60
+ /* Hover effects */
61
+ .event:has(.tag.open-source):hover {
62
+ transform: scale(1.03);
63
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
64
+ }
65
+ .event h4 {
66
+ margin: 0;
67
+ font-size: 14px;
68
+ }
69
+ .event p {
70
+ margin: 5px 0 0;
71
+ font-size: 12px;
72
+ color: #666;
73
+ }
74
+ .tag {
75
+ display: inline-block;
76
+ padding: 2px 5px;
77
+ font-size: 10px;
78
+ border-radius: 3px;
79
+ margin-top: 5px;
80
+ }
81
+ .tag.open-source {
82
+ background-color: #4caf50;
83
+ color: white;
84
+ }
85
+ .tag.api-only {
86
+ background-color: #f44336;
87
+ color: white;
88
+ }
89
+ .event p a {
90
+ color: #4caf50;
91
+ text-decoration: none;
92
+ }
93
+ .event p a:hover {
94
+ text-decoration: underline;
95
+ }
96
+ .toggle-container {
97
+ display: flex;
98
+ justify-content: center;
99
+ padding: 20px;
100
+ gap: 10px;
101
+ }
102
+ .toggle-button {
103
+ padding: 8px 16px;
104
+ border: none;
105
+ border-radius: 5px;
106
+ cursor: pointer;
107
+ font-size: 14px;
108
+ transition: background-color 0.3s;
109
+ }
110
+ .toggle-button.active {
111
+ color: white;
112
+ }
113
+ .toggle-button.open-source {
114
+ background-color: #e8f5e9;
115
+ border: 1px solid #4caf50;
116
+ color: #4caf50;
117
+ }
118
+ .toggle-button.open-source.active {
119
+ background-color: #4caf50;
120
+ }
121
+ .toggle-button.api-only {
122
+ background-color: #ffebee;
123
+ border: 1px solid #f44336;
124
+ color: #f44336;
125
+ }
126
+ .toggle-button.api-only.active {
127
+ background-color: #f44336;
128
+ }
129
+ .toggle-button.show-all {
130
+ background-color: #e3f2fd;
131
+ border: 1px solid #2196f3;
132
+ color: #2196f3;
133
+ }
134
+ .toggle-button.show-all.active {
135
+ background-color: #2196f3;
136
+ }
137
+ </style>
138
+ </head>
139
+ <body>
140
+ <div class="toggle-container">
141
+ <button class="toggle-button show-all active" onclick="filterEvents('all')">Show All</button>
142
+ <button class="toggle-button open-source" onclick="filterEvents('open-source')">Open Weights Only</button>
143
+ <button class="toggle-button api-only" onclick="filterEvents('api-only')">API Only</button>
144
+ </div>
145
+ <div class="timeline">
146
+ <!-- February 2024 -->
147
+ <div class="month">
148
+ <h3>February 2024</h3>
149
+ <div class="event">
150
+ <h4>Stable Diffusion 3</h4>
151
+ <p>Stability AI announces Stable Diffusion 3 (later <a href="https://huggingface.co/collections/stabilityai/stable-diffusion-3-666992fb11f5d8d0ec8192e8" target="_blank">open weightsd</a>).</p>
152
+ <span class="tag open-source">Open Weights</span>
153
+ </div>
154
+ <div class="event">
155
+ <h4>Gemini Pro</h4>
156
+ <p>Google upgrades Bard to Gemini Pro model.</p>
157
+ <span class="tag api-only">API Only</span>
158
+ </div>
159
+ <div class="event">
160
+ <h4>Gemini Pro 1.5</h4>
161
+ <p>Google announces Gemini Pro 1.5 with multimodal capabilities.</p>
162
+ <span class="tag api-only">API Only</span>
163
+ </div>
164
+ <div class="event">
165
+ <h4>CodeGemma</h4>
166
+ <p>Google announces CodeGemma for code generation (<a href="https://huggingface.co/collections/google/codegemma-release-66152ac7b683e2667abdee11" target="_blank">open weights</a>).</p>
167
+ <span class="tag open-source">Open Weights</span>
168
+ </div>
169
+ <div class="event">
170
+ <h4>Sora</h4>
171
+ <p>OpenAI announces Sora for video generation (not released to public).</p>
172
+ <span class="tag api-only">API Only</span>
173
+ </div>
174
+ </div>
175
+ <!-- March 2024 -->
176
+ <div class="month">
177
+ <h3>March 2024</h3>
178
+ <div class="event">
179
+ <h4>Grok 1.5</h4>
180
+ <p>X Corporation announces Grok 1.5 ( & Grok-1 <a href="https://huggingface.co/xai-org/grok-1" target="_blank">open weights</a>).</p>
181
+ <span class="tag open-source">Open Weights</span>
182
+ </div>
183
+ <div class="event">
184
+ <h4>Claude 3</h4>
185
+ <p>Anthropic announces Claude 3, outperforming GPT-4.</p>
186
+ <span class="tag api-only">API Only</span>
187
+ </div>
188
+ <div class="event">
189
+ <h4>Suno v3</h4>
190
+ <p>Suno AI releases Suno v3 for music creation.</p>
191
+ <span class="tag api-only">API Only</span>
192
+ </div>
193
+ </div>
194
+ <!-- April 2024 -->
195
+ <div class="month">
196
+ <h3>April 2024</h3>
197
+ <div class="event">
198
+ <h4>Stable Audio 2.0</h4>
199
+ <p>Stability AI releases Stable Audio 2.0 (<a href="https://huggingface.co/stabilityai/stable-audio-open-1.0" target="_blank">open weights</a>).</p>
200
+ <span class="tag open-source">Open Weights</span>
201
+ </div>
202
+ <div class="event">
203
+ <h4>Grok-1.5V</h4>
204
+ <p>X Corporation releases Grok-1.5V with image recognition.</p>
205
+ <span class="tag api-only">API Only</span>
206
+ </div>
207
+ <div class="event">
208
+ <h4>Mixtral 8x22B</h4>
209
+ <p>Mistral releases Mixtral 8x22B (<a href="https://huggingface.co/mistralai/Mixtral-8x22B-Instruct-v0.1" target="_blank">open weights</a>).</p>
210
+ <span class="tag open-source">Open Weights</span>
211
+ </div>
212
+ <div class="event">
213
+ <h4>LLaMA 3</h4>
214
+ <p>Meta releases LLaMA 3 (<a href="https://huggingface.co/collections/meta-llama/meta-llama-3-66214712577ca38149ebb2b6" target="_blank">open weights</a>).</p>
215
+ <span class="tag open-source">Open Weights</span>
216
+ </div>
217
+ <div class="event">
218
+ <h4>Phi-3-mini</h4>
219
+ <p>Microsoft releases Phi-3-mini (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
220
+ <span class="tag open-source">Open Weights</span>
221
+ </div>
222
+ <div class="event">
223
+ <h4>Firefly 3</h4>
224
+ <p>Adobe announces Firefly 3 for image creation.</p>
225
+ <span class="tag api-only">API Only</span>
226
+ </div>
227
+ <div class="event">
228
+ <h4>Reka AI Models</h4>
229
+ <p>Reka AI presents multimodal language models.</p>
230
+ <span class="tag api-only">API Only</span>
231
+ </div>
232
+ <div class="event">
233
+ <h4>OpenELM</h4>
234
+ <p>Apple releases OpenELM (<a href="https://huggingface.co/collections/apple/openelm-instruct-models-6619ad295d7ae9f868b759ca" target="_blank">open weights</a>).</p>
235
+ <span class="tag open-source">Open Weights</span>
236
+ </div>
237
+ </div>
238
+ <!-- May 2024 -->
239
+ <div class="month">
240
+ <h3>May 2024</h3>
241
+ <div class="event">
242
+ <h4>GPT-4o</h4>
243
+ <p>OpenAI announces GPT-4o with multimodal capabilities.</p>
244
+ <span class="tag api-only">API Only</span>
245
+ </div>
246
+ <div class="event">
247
+ <h4>Gemini 1.5</h4>
248
+ <p>Google increases token limit to 2 million for Gemini 1.5.</p>
249
+ <span class="tag api-only">API Only</span>
250
+ </div>
251
+ <div class="event">
252
+ <h4>Copilot+</h4>
253
+ <p>Microsoft announces Copilot+ for dedicated computers.</p>
254
+ <span class="tag api-only">API Only</span>
255
+ </div>
256
+ <div class="event">
257
+ <h4>Chameleon</h4>
258
+ <p>Meta introduces Chameleon, a multimodal model later <a href="https://huggingface.co/collections/facebook/chameleon-668da9663f80d483b4c61f58" target="_blank">open weightsd</a>.</p>
259
+ <span class="tag open-source">Open Weights</span>
260
+ </div>
261
+ <div class="event">
262
+ <h4>Mistral-7B-Instruct-v0.3</h4>
263
+ <p>Mistral AI releases Mistral-7B-Instruct-v0.3 (<a href="https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.3" target="_blank">open weights</a>).</p>
264
+ <span class="tag open-source">Open Weights</span>
265
+ </div>
266
+ <div class="event">
267
+ <h4>AI Overviews</h4>
268
+ <p>Google announces AI Overviews for search summaries.</p>
269
+ <span class="tag api-only">API Only</span>
270
+ </div>
271
+ <div class="event">
272
+ <h4>Suno v3.5</h4>
273
+ <p>Suno AI releases Suno v3.5 for music creation.</p>
274
+ <span class="tag api-only">API Only</span>
275
+ </div>
276
+ <div class="event">
277
+ <h4>Codestral</h4>
278
+ <p>Mistral AI releases Codestral (<a href="https://huggingface.co/mistralai/Codestral-22B-v0.1" target="_blank">open weights</a>).</p>
279
+ <span class="tag open-source">Open Weights</span>
280
+ </div>
281
+ </div>
282
+ <!-- June 2024 -->
283
+ <div class="month">
284
+ <h3>June 2024</h3>
285
+ <div class="event">
286
+ <h4>Stable Diffusion 3 (Medium)</h4>
287
+ <p>Stability AI releases Stable Diffusion 3 in medium version (<a href="https://huggingface.co/collections/stabilityai/stable-diffusion-3-666992fb11f5d8d0ec8192e8" target="_blank">open weights</a>).</p>
288
+ <span class="tag open-source">Open Weights</span>
289
+ </div>
290
+ <div class="event">
291
+ <h4>Apple Intelligence</h4>
292
+ <p>Apple announces Apple Intelligence for its devices.</p>
293
+ <span class="tag api-only">API Only</span>
294
+ </div>
295
+ <div class="event">
296
+ <h4>DeepSeekCoderV2</h4>
297
+ <p>DeepSeekAI publishes DeepSeekCoderV2 (<a href="https://huggingface.co/collections/deepseek-ai/deepseekcoder-v2-666bf4b274a5f556827ceeca" target="_blank">open weights</a>).</p>
298
+ <span class="tag open-source">Open Weights</span>
299
+ </div>
300
+ <div class="event">
301
+ <h4>Gen3 Alpha</h4>
302
+ <p>Runway introduces Gen3 Alpha for video generation.</p>
303
+ <span class="tag api-only">API Only</span>
304
+ </div>
305
+ <div class="event">
306
+ <h4>Claude Sonnet 3.5</h4>
307
+ <p>Anthropic releases Claude Sonnet 3.5.</p>
308
+ <span class="tag api-only">API Only</span>
309
+ </div>
310
+ <div class="event">
311
+ <h4>Florence 2</h4>
312
+ <p>Microsoft releases Florence 2 (<a href="https://huggingface.co/collections/microsoft/florence-6669f44df0d87d9c3bfb76de" target="_blank">open weights</a>).</p>
313
+ <span class="tag open-source">Open Weights</span>
314
+ </div>
315
+ <div class="event">
316
+ <h4>Gemma 2</h4>
317
+ <p>Google announces Gemma 2 (<a href="https://huggingface.co/collections/google/gemma-2-release-667d6600fd5220e7b967f315" target="_blank">open weights</a>).</p>
318
+ <span class="tag open-source">Open Weights</span>
319
+ </div>
320
+ </div>
321
+ <!-- July 2024 -->
322
+ <div class="month">
323
+ <h3>July 2024</h3>
324
+ <div class="event">
325
+ <h4>GPT-4o mini</h4>
326
+ <p>OpenAI releases GPT-4o mini.</p>
327
+ <span class="tag api-only">API Only</span>
328
+ </div>
329
+ <div class="event">
330
+ <h4>Llama 3.1</h4>
331
+ <p>Meta releases Llama 3.1 (<a href="https://huggingface.co/collections/meta-llama/llama-31-669fc079a0c406a149a5738f" target="_blank">open weights</a>).</p>
332
+ <span class="tag open-source">Open Weights</span>
333
+ </div>
334
+ <div class="event">
335
+ <h4>Codestral Mamba</h4>
336
+ <p>Mistral AI releases Codestral Mamba (<a href="https://huggingface.co/mistralai/Mamba-Codestral-7B-v0.1" target="_blank">open weights</a>).</p>
337
+ <span class="tag open-source">Open Weights</span>
338
+ </div>
339
+ <div class="event">
340
+ <h4>AlphaProof & AlphaGeometry 2</h4>
341
+ <p>Google DeepMind unveils AlphaProof and AlphaGeometry 2.</p>
342
+ <span class="tag api-only">API Only</span>
343
+ </div>
344
+ <div class="event">
345
+ <h4>SearchGPT</h4>
346
+ <p>OpenAI launches SearchGPT.</p>
347
+ <span class="tag api-only">API Only</span>
348
+ </div>
349
+ <div class="event">
350
+ <h4>Udio v1.5</h4>
351
+ <p>Startup Udio releases Udio v1.5.</p>
352
+ <span class="tag api-only">API Only</span>
353
+ </div>
354
+ <div class="event">
355
+ <h4>Mistral Large 2</h4>
356
+ <p>Mistral AI releases Mistral Large 2.</p>
357
+ <span class="tag api-only">API Only</span>
358
+ </div>
359
+ <div class="event">
360
+ <h4>Midjourney v6.1</h4>
361
+ <p>Midjourney v6.1 is released.</p>
362
+ <span class="tag api-only">API Only</span>
363
+ </div>
364
+ <div class="event">
365
+ <h4>Gemma 2 2B</h4>
366
+ <p>Google releases Gemma 2 2B (<a href="https://huggingface.co/google/gemma-2b" target="_blank">open weights</a>).</p>
367
+ <span class="tag open-source">Open Weights</span>
368
+ </div>
369
+ </div>
370
+ <!-- August 2024 -->
371
+ <div class="month">
372
+ <h3>August 2024</h3>
373
+ <div class="event">
374
+ <h4>Flux</h4>
375
+ <p>Black Forest Labs releases Flux (<a href="https://huggingface.co/black-forest-labs" target="_blank">open weights</a>).</p>
376
+ <span class="tag open-source">Open Weights</span>
377
+ </div>
378
+ <div class="event">
379
+ <h4>GPT-4o 0806</h4>
380
+ <p>OpenAI releases GPT-4o 0806.</p>
381
+ <span class="tag api-only">API Only</span>
382
+ </div>
383
+ <div class="event">
384
+ <h4>Imagen 3</h4>
385
+ <p>Google releases Imagen 3.</p>
386
+ <span class="tag api-only">API Only</span>
387
+ </div>
388
+ <div class="event">
389
+ <h4>Grok 2 & Grok 2 mini</h4>
390
+ <p>xAI Corporation launches Grok 2 and Grok 2 mini.</p>
391
+ <span class="tag api-only">API Only</span>
392
+ </div>
393
+ <div class="event">
394
+ <h4>Phi 3.5</h4>
395
+ <p>Microsoft introduces Phi 3.5 (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
396
+ <span class="tag open-source">Open Weights</span>
397
+ </div>
398
+ <div class="event">
399
+ <h4>Gemini 1.5 Flash8B</h4>
400
+ <p>Google introduces Gemini 1.5 Flash8B.</p>
401
+ <span class="tag api-only">API Only</span>
402
+ </div>
403
+ <div class="event">
404
+ <h4>Ideogram 2.0</h4>
405
+ <p>Ideogram 2.0 is released.</p>
406
+ <span class="tag api-only">API Only</span>
407
+ </div>
408
+ <div class="event">
409
+ <h4>Dream Machine 1.5</h4>
410
+ <p>Luma unveils Dream Machine 1.5.</p>
411
+ <span class="tag api-only">API Only</span>
412
+ </div>
413
+ </div>
414
+ <!-- September 2024 -->
415
+ <div class="month">
416
+ <h3>September 2024</h3>
417
+ <div class="event">
418
+ <h4>OLMoE</h4>
419
+ <p>Allen AI open sources OLMoE (<a href="https://huggingface.co/collections/allenai/olmoe-66cf678c047657a30c8cd3da" target="_blank">open weights</a>).</p>
420
+ <span class="tag open-source">Open Weights</span>
421
+ </div>
422
+ <div class="event">
423
+ <h4>Pixtral12B</h4>
424
+ <p>Mistral introduces Pixtral12B (<a href="https://huggingface.co/mistralai/Pixtral-12B-2409" target="_blank">open weights</a>).</p>
425
+ <span class="tag open-source">Open Weights</span>
426
+ </div>
427
+ <div class="event">
428
+ <h4>o1 preview & o1 mini</h4>
429
+ <p>OpenAI releases o1 preview and o1 mini.</p>
430
+ <span class="tag api-only">API Only</span>
431
+ </div>
432
+ <div class="event">
433
+ <h4>Qwen 2.5</h4>
434
+ <p>Alibaba releases Qwen 2.5 (<a href="https://huggingface.co/collections/Qwen/qwen25-66e81a666513e518adb90d9e" target="_blank">open weights</a>).</p>
435
+ <span class="tag open-source">Open Weights</span>
436
+ </div>
437
+ <div class="event">
438
+ <h4>KLING 1.5</h4>
439
+ <p>KLING 1.5 is released.</p>
440
+ <span class="tag api-only">API Only</span>
441
+ </div>
442
+ <div class="event">
443
+ <h4>GPT4o Advanced Voice Mode</h4>
444
+ <p>OpenAI launches GPT4o Advanced Voice Mode.</p>
445
+ <span class="tag api-only">API Only</span>
446
+ </div>
447
+ <div class="event">
448
+ <h4>Llama 3.2</h4>
449
+ <p>Meta releases Llama 3.2 (<a href="https://huggingface.co/collections/meta-llama/llama-32-66f448ffc8c32f949b04c8cf" target="_blank">open weights</a>).</p>
450
+ <span class="tag open-source">Open Weights</span>
451
+ </div>
452
+ <div class="event">
453
+ <h4>Gemini Pro 1.5 002</h4>
454
+ <p>Google rolls out Gemini Pro 1.5 002.</p>
455
+ <span class="tag api-only">API Only</span>
456
+ </div>
457
+ <div class="event">
458
+ <h4>Moshi</h4>
459
+ <p>Kyutai releases Moshi (<a href="https://huggingface.co/kyutai" target="_blank">open weights</a>).</p>
460
+ <span class="tag open-source">Open Weights</span>
461
+ </div>
462
+ <div class="event">
463
+ <h4>NotebookLM</h4>
464
+ <p>Google updates NotebookLM.</p>
465
+ <span class="tag api-only">API Only</span>
466
+ </div>
467
+ <div class="event">
468
+ <h4>Mistral Small</h4>
469
+ <p>Mistral AI launches Mistral Small.</p>
470
+ <span class="tag api-only">API Only</span>
471
+ </div>
472
+ </div>
473
+ <!-- October 2024 -->
474
+ <div class="month">
475
+ <h3>October 2024</h3>
476
+ <div class="event">
477
+ <h4>Flux 1.1 Pro</h4>
478
+ <p>Flux 1.1 Pro is released.</p>
479
+ <span class="tag api-only">API Only</span>
480
+ </div>
481
+ <div class="event">
482
+ <h4>Movie Gen</h4>
483
+ <p>Meta unveils Movie Gen.</p>
484
+ <span class="tag api-only">API Only</span>
485
+ </div>
486
+ <div class="event">
487
+ <h4>Pika Effects</h4>
488
+ <p>Pika introduces Video Model 1.5 with Pika Effects.</p>
489
+ <span class="tag api-only">API Only</span>
490
+ </div>
491
+ <div class="event">
492
+ <h4>Firefly Video</h4>
493
+ <p>Adobe announces Firefly Video.</p>
494
+ <span class="tag api-only">API Only</span>
495
+ </div>
496
+ <div class="event">
497
+ <h4>Aria</h4>
498
+ <p>Rhymes AI releases Aria (<a href="https://huggingface.co/RhymesAI" target="_blank">open weights</a>).</p>
499
+ <span class="tag open-source">Open Weights</span>
500
+ </div>
501
+ <div class="event">
502
+ <h4>Meta Spirit LM</h4>
503
+ <p>Meta releases Meta Spirit LM (<a href="https://github.com/facebookresearch/spiritlm" target="_blank">open weights</a>).</p>
504
+ <span class="tag open-source">Open Weights</span>
505
+ </div>
506
+ <div class="event">
507
+ <h4>Ministral</h4>
508
+ <p>Mistral AI introduces Ministral.</p>
509
+ <span class="tag api-only">API Only</span>
510
+ </div>
511
+ <div class="event">
512
+ <h4>Janus</h4>
513
+ <p>DeepSeekAI releases Janus (<a href="https://huggingface.co/deepseek-ai/Janus-1.3B" target="_blank">open weights</a>).</p>
514
+ <span class="tag open-source">Open Weights</span>
515
+ </div>
516
+ <div class="event">
517
+ <h4>Fluid</h4>
518
+ <p>Google DeepMind and MIT unveil Fluid.</p>
519
+ <span class="tag api-only">API Only</span>
520
+ </div>
521
+ <div class="event">
522
+ <h4>Stable Diffusion 3.5</h4>
523
+ <p>Stable Diffusion 3.5 is released (<a href="https://huggingface.co/stabilityai" target="_blank">open weights</a>).</p>
524
+ <span class="tag open-source">Open Weights</span>
525
+ </div>
526
+ <div class="event">
527
+ <h4>Claude 3.5 Sonnet New</h4>
528
+ <p>Anthropic launches Claude 3.5 Sonnet New.</p>
529
+ <span class="tag api-only">API Only</span>
530
+ </div>
531
+ <div class="event">
532
+ <h4>Claude 3.5 Haiku</h4>
533
+ <p>Anthropic announces Claude 3.5 Haiku.</p>
534
+ <span class="tag api-only">API Only</span>
535
+ </div>
536
+ <div class="event">
537
+ <h4>Recraft v3</h4>
538
+ <p>Recraft v3 is released.</p>
539
+ <span class="tag api-only">API Only</span>
540
+ </div>
541
+ <div class="event">
542
+ <h4>Search GPT</h4>
543
+ <p>OpenAI launches Search GPT.</p>
544
+ <span class="tag api-only">API Only</span>
545
+ </div>
546
+ </div>
547
+ <!-- November 2024 -->
548
+ <div class="month">
549
+ <h3>November 2024</h3>
550
+ <div class="event">
551
+ <h4>QwQ 32B Preview</h4>
552
+ <p>Alibaba releases QwQ 32B Preview (<a href="https://huggingface.co/collections/Qwen/qwq-674762b79b75eac01735070a" target="_blank">open weights</a>).</p>
553
+ <span class="tag open-source">Open Weights</span>
554
+ </div>
555
+ <div class="event">
556
+ <h4>Qwen2.5 Coder 32B</h4>
557
+ <p>Alibaba open-sources Qwen2.5 Coder 32B (<a href="https://huggingface.co/collections/Qwen/qwen25-coder-66eaa22e6f99801bf65b0c2f" target="_blank">open weights</a>).</p>
558
+ <span class="tag open-source">Open Weights</span>
559
+ </div>
560
+ <div class="event">
561
+ <h4>DeepSeek-R1-Lite-Preview</h4>
562
+ <p>DeepSeek unveils DeepSeek-R1-Lite-Preview.</p>
563
+ <span class="tag api-only">API Only</span>
564
+ </div>
565
+ <div class="event">
566
+ <h4>Tulu 3</h4>
567
+ <p>Allen AI open sources Tulu 3 (<a href="https://huggingface.co/collections/allenai/tulu-3-models-673b8e0dc3512e30e7dc54f5" target="_blank">open weights</a>).</p>
568
+ <span class="tag open-source">Open Weights</span>
569
+ </div>
570
+ <div class="event">
571
+ <h4>Suno v4</h4>
572
+ <p>Suno upgrades to v4.</p>
573
+ <span class="tag api-only">API Only</span>
574
+ </div>
575
+ <div class="event">
576
+ <h4>SmolLM 2</h4>
577
+ <p>Hugging Face open sources SmolLM 2 (<a href="https://huggingface.co/collections/HuggingFaceTB/smollm2-6723884218bcda64b34d7db9" target="_blank">open weights</a>).</p>
578
+ <span class="tag open-source">Open Weights</span>
579
+ </div>
580
+ <div class="event">
581
+ <h4>Pixtral Large</h4>
582
+ <p>Mistral AI launches Pixtral Large (<a href="https://huggingface.co/mistralai/Pixtral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
583
+ <span class="tag open-source">Open Weights</span>
584
+ </div>
585
+ <div class="event">
586
+ <h4>Mistral Large 2411</h4>
587
+ <p>Mistral AI updates Mistral Large 2411 (<a href="https://huggingface.co/mistralai/Mistral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
588
+ <span class="tag open-source">Open Weights</span>
589
+ </div>
590
+ <div class="event">
591
+ <h4>gemini-exp-1114 & gemini-exp-1121</h4>
592
+ <p>Google introduces gemini-exp-1114 and gemini-exp-1121.</p>
593
+ <span class="tag api-only">API Only</span>
594
+ </div>
595
+ <div class="event">
596
+ <h4>OLMo 2</h4>
597
+ <p>Allen AI open sources OLMo 2 (<a href="https://huggingface.co/collections/allenai/olmo-2-674117b93ab84e98afc72edc" target="_blank">open weights</a>).</p>
598
+ <span class="tag open-source">Open Weights</span>
599
+ </div>
600
+ <div class="event">
601
+ <h4>Claude 3.5 Haiku</h4>
602
+ <p>Anthropic launches Claude 3.5 Haiku.</p>
603
+ <span class="tag api-only">API Only</span>
604
+ </div>
605
+ <div class="event">
606
+ <h4>Visual PDF Analysis</h4>
607
+ <p>Anthropic introduces Visual PDF Analysis in Claude.</p>
608
+ <span class="tag api-only">API Only</span>
609
+ </div>
610
+ <div class="event">
611
+ <h4>SmolVLM</h4>
612
+ <p>Hugging Face open sources SmolVLM (<a href="https://huggingface.co/collections/HuggingFaceTB/smolvlm-6740bd584b2dcbf51ecb1f39" target="_blank">open weights</a>).</p>
613
+ <span class="tag open-source">Open Weights</span>
614
+ </div>
615
+ </div>
616
+ <!-- December 2024 -->
617
+ <div class="month">
618
+ <h3>December 2024</h3>
619
+ <div class="event">
620
+ <h4>NOVA</h4>
621
+ <p>Amazon introduces NOVA models.</p>
622
+ <span class="tag api-only">API Only</span>
623
+ </div>
624
+ <div class="event">
625
+ <h4>SORA</h4>
626
+ <p>OpenAI releases SORA for video generation.</p>
627
+ <span class="tag api-only">API Only</span>
628
+ </div>
629
+ <div class="event">
630
+ <h4>O1 & O1 Pro</h4>
631
+ <p>OpenAI releases O1 and O1 Pro.</p>
632
+ <span class="tag api-only">API Only</span>
633
+ </div>
634
+ <div class="event">
635
+ <h4>Live Video Mode</h4>
636
+ <p>OpenAI launches live video mode for GPT4o.</p>
637
+ <span class="tag api-only">API Only</span>
638
+ </div>
639
+ <div class="event">
640
+ <h4>Gemini-Exp-1206</h4>
641
+ <p>Google unveils Gemini-Exp-1206.</p>
642
+ <span class="tag api-only">API Only</span>
643
+ </div>
644
+ <div class="event">
645
+ <h4>Gemini 2.0 Flash</h4>
646
+ <p>Google launches Gemini 2.0 Flash in beta.</p>
647
+ <span class="tag api-only">API Only</span>
648
+ </div>
649
+ <div class="event">
650
+ <h4>Gemini-2.0-Flash-Thinking</h4>
651
+ <p>Google introduces Gemini-2.0-Flash-Thinking.</p>
652
+ <span class="tag api-only">API Only</span>
653
+ </div>
654
+ <div class="event">
655
+ <h4>Veo 2</h4>
656
+ <p>Google releases Veo 2 for video generation.</p>
657
+ <span class="tag api-only">API Only</span>
658
+ </div>
659
+ <div class="event">
660
+ <h4>Imagen 3 Update</h4>
661
+ <p>Google updates Imagen 3.</p>
662
+ <span class="tag api-only">API Only</span>
663
+ </div>
664
+ <div class="event">
665
+ <h4>Aurora</h4>
666
+ <p>xAI integrates Aurora for image generation.</p>
667
+ <span class="tag api-only">API Only</span>
668
+ </div>
669
+ <div class="event">
670
+ <h4>Phi4</h4>
671
+ <p>Microsoft open-sources Phi4 (<a href="https://huggingface.co/microsoft/phi-4" target="_blank">open weights</a>).</p>
672
+ <span class="tag open-source">Open Weights</span>
673
+ </div>
674
+ <div class="event">
675
+ <h4>Llama 3.3 70B</h4>
676
+ <p>Meta releases Llama 3.3 70B (<a href="https://huggingface.co/collections/meta-llama/llama-33-67531d5c405ec5d08a852000" target="_blank">open weights</a>).</p>
677
+ <span class="tag open-source">Open Weights</span>
678
+ </div>
679
+ <div class="event">
680
+ <h4>PaliGemma 2</h4>
681
+ <p>Google launches PaliGemma 2 (<a href="https://huggingface.co/collections/google/paligemma-2-release-67500e1e1dbfdd4dee27ba48" target="_blank">open weights</a>).</p>
682
+ <span class="tag open-source">Open Weights</span>
683
+ </div>
684
+ <div class="event">
685
+ <h4>Pika Labs 2.0</h4>
686
+ <p>Pika Labs releases 2.0.</p>
687
+ <span class="tag api-only">API Only</span>
688
+ </div>
689
+ <div class="event">
690
+ <h4>Apollo</h4>
691
+ <p>Meta introduces Apollo (<a href="https://huggingface.co/GoodiesHere" target="_blank">open weights</a>).</p>
692
+ <span class="tag open-source">Open Weights</span>
693
+ </div>
694
+ <div class="event">
695
+ <h4>DeepSeek V3</h4>
696
+ <p>DeepSeek open-sources DeepSeek V3 (<a href="https://huggingface.co/deepseek-ai" target="_blank">open weights</a>).</p>
697
+ <span class="tag open-source">Open Weights</span>
698
+ </div>
699
+ <div class="event">
700
+ <h4>QVQ-72B-Preview</h4>
701
+ <p>Alibaba unveils QVQ-72B-Preview (<a href="https://huggingface.co/collections/Qwen/qvq-676448c820912236342b9888" target="_blank">open weights</a>).</p>
702
+ <span class="tag open-source">Open Weights</span>
703
+ </div>
704
+ <div class="event">
705
+ <h4>O3</h4>
706
+ <p>OpenAI announces O3.</p>
707
+ <span class="tag api-only">API Only</span>
708
+ </div>
709
+ <div class="event">
710
+ <h4>O3 Mini</h4>
711
+ <p>OpenAI expects O3 Mini in January 2025.</p>
712
+ <span class="tag api-only">API Only</span>
713
+ </div>
714
+ <div class="event">
715
+ <h4>Kling 1.6</h4>
716
+ <p>Kling 1.6 is released.</p>
717
+ <span class="tag api-only">API Only</span>
718
+ </div>
719
+ </div>
720
+ </div>
721
+ <script>
722
+ function updateCounts() {
723
+ const openSourceCount = document.querySelectorAll('.tag.open-source').length;
724
+ const apiOnlyCount = document.querySelectorAll('.tag.api-only').length;
725
+
726
+ document.getElementById('open-source-count').textContent = openSourceCount;
727
+ document.getElementById('api-only-count').textContent = apiOnlyCount;
728
+ }
729
+
730
+ function filterEvents(filter) {
731
+ // Update active button state
732
+ document.querySelectorAll('.toggle-button').forEach(button => {
733
+ button.classList.remove('active');
734
+ if (button.classList.contains(filter)) {
735
+ button.classList.add('active');
736
+ }
737
+ });
738
+
739
+ // Filter events
740
+ const events = document.querySelectorAll('.event');
741
+ events.forEach(event => {
742
+ if (filter === 'all') {
743
+ event.style.display = 'block';
744
+ } else {
745
+ // Check if the event has the specific tag class
746
+ const hasTag = event.querySelector(`.tag.${filter}`) !== null;
747
+ event.style.display = hasTag ? 'block' : 'none';
748
+ }
749
+ });
750
+
751
+ // Check for empty months and hide them
752
+ const months = document.querySelectorAll('.month');
753
+ months.forEach(month => {
754
+ const visibleEvents = Array.from(month.querySelectorAll('.event')).filter(event =>
755
+ event.style.display !== 'none'
756
+ );
757
+ month.style.display = visibleEvents.length > 0 ? 'flex' : 'none';
758
+ });
759
+
760
+ // Update counts after filtering
761
+ updateCounts();
762
+ }
763
+
764
+ // Initial count update
765
+ document.addEventListener('DOMContentLoaded', updateCounts);
766
+ </script>
767
+ </body>
768
  </html>