2024-ai-timeline / index.html
reach-vb's picture
reach-vb HF staff
Update index.html (#7)
971f7e3 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Model Release Timeline - 2024</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f9;
color: #333;
margin: 0;
padding: 0;
overflow-x: scroll;
scrollbar-width: thin;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.timeline {
display: flex;
flex-direction: row;
padding: 20px;
gap: 10px;
overflow-x: auto;
}
.month {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 200px;
}
.month h3 {
margin: 0;
padding: 10px;
background-color: #6200ea;
color: white;
border-radius: 5px;
text-align: center;
}
.event {
background-color: white;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
transition: all 0.3s ease;
}
/* Make open source events more prominent */
.event:has(.tag.open-source) {
background-color: #e8f5e9; /* Light green background */
border-left: 4px solid #4caf50;
transform: scale(1.02);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
/* Slightly dim API-only events */
.event:has(.tag.api-only) {
background-color: #fafafa;
border-left: 4px solid #f44336;
}
/* Hover effects */
.event:has(.tag.open-source):hover {
transform: scale(1.03);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.event h4 {
margin: 0;
font-size: 14px;
}
.event p {
margin: 5px 0 0;
font-size: 12px;
color: #666;
}
.tag {
display: inline-block;
padding: 2px 5px;
font-size: 10px;
border-radius: 3px;
margin-top: 5px;
}
.tag.open-source {
background-color: #4caf50;
color: white;
}
.tag.api-only {
background-color: #f44336;
color: white;
}
.event p a {
color: #4caf50;
text-decoration: none;
}
.event p a:hover {
text-decoration: underline;
}
.toggle-container {
display: flex;
justify-content: center;
padding: 20px;
gap: 10px;
}
.toggle-button {
padding: 8px 16px;
border: none;
color: black;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.3s, color 0.3s;
}
.toggle-button.active {
color: white;
}
.toggle-button.open-source {
background-color: #e8f5e9;
border: 1px solid #4caf50;
color: #4caf50;
}
.toggle-button.open-source.active {
background-color: #4caf50;
color: white;
}
.toggle-button.api-only {
background-color: #ffebee;
border: 1px solid #f44336;
color: #f44336;
}
.toggle-button.api-only.active {
background-color: #f44336;
color: white;
}
.toggle-button.show-all {
background-color: #e3f2fd;
border: 1px solid #2196f3;
color: #2196f3;
}
.toggle-button.show-all.active {
background-color: #2196f3;
color: white;
}
.github-link {
text-align: center;
padding: 10px;
background-color: #24292e;
color: white;
}
.github-link a {
color: white;
text-decoration: none;
}
.github-link a:hover {
text-decoration: underline;
}
/* Add these styles to ensure consistent scrollbar appearance across browsers */
body::-webkit-scrollbar {
height: 8px; /* Height of horizontal scrollbar */
}
body::-webkit-scrollbar-track {
background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
body::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
</head>
<body>
<div class="github-link">
<a href="https://github.com/Vaibhavs10/2024-ai-timeline" target="_blank">View on GitHub</a>
</div>
<div class="toggle-container">
<button class="toggle-button show-all active" onclick="filterEvents('all')">Show All</button>
<button class="toggle-button open-source" onclick="filterEvents('open-source')">Open Weights Only</button>
<button class="toggle-button api-only" onclick="filterEvents('api-only')">API Only</button>
</div>
<div class="counter-container" style="text-align: center; padding: 20px; background-color: white; margin: 10px 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<span class="counter-item">
<span class="counter-label" style="color: #4caf50; font-weight: bold;">Open Source Models:</span>
<span class="counter-number" id="open-source-count" style="font-size: 1.2em; margin-left: 5px; color: #2e7d32;">0</span>
</span>
<span style="margin: 0 20px; color: #ddd;">|</span>
<span class="counter-item">
<span class="counter-label" style="color: #f44336; font-weight: bold;">API Only Models:</span>
<span class="counter-number" id="api-only-count" style="font-size: 1.2em; margin-left: 5px; color: #c62828;">0</span>
</span>
</div>
<div class="timeline">
<!-- February 2024 -->
<div class="month">
<h3>February 2024</h3>
<div class="event">
<h4>Stable Diffusion 3</h4>
<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>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Gemini Pro</h4>
<p>Google upgrades Bard to Gemini Pro model.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemini Pro 1.5</h4>
<p>Google announces Gemini Pro 1.5 with multimodal capabilities.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>CodeGemma</h4>
<p>Google announces CodeGemma for code generation (<a href="https://huggingface.co/collections/google/codegemma-release-66152ac7b683e2667abdee11" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Sora</h4>
<p>OpenAI announces Sora for video generation (not released to public).</p>
<span class="tag api-only">API Only</span>
</div>
</div>
<!-- March 2024 -->
<div class="month">
<h3>March 2024</h3>
<div class="event">
<h4>Grok 1.5</h4>
<p>X Corporation announces Grok 1.5 ( & Grok-1 <a href="https://huggingface.co/xai-org/grok-1" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Claude 3</h4>
<p>Anthropic announces Claude 3, outperforming GPT-4.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Suno v3</h4>
<p>Suno AI releases Suno v3 for music creation.</p>
<span class="tag api-only">API Only</span>
</div>
</div>
<!-- April 2024 -->
<div class="month">
<h3>April 2024</h3>
<div class="event">
<h4>Stable Audio 2.0</h4>
<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>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Grok-1.5V</h4>
<p>X Corporation releases Grok-1.5V with image recognition.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Mixtral 8x22B</h4>
<p>Mistral releases Mixtral 8x22B (<a href="https://huggingface.co/mistralai/Mixtral-8x22B-Instruct-v0.1" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>LLaMA 3</h4>
<p>Meta releases LLaMA 3 (<a href="https://huggingface.co/collections/meta-llama/meta-llama-3-66214712577ca38149ebb2b6" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Phi-3-mini</h4>
<p>Microsoft releases Phi-3-mini (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Firefly 3</h4>
<p>Adobe announces Firefly 3 for image creation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Reka AI Models</h4>
<p>Reka AI presents multimodal language models.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>OpenELM</h4>
<p>Apple releases OpenELM (<a href="https://huggingface.co/collections/apple/openelm-instruct-models-6619ad295d7ae9f868b759ca" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- May 2024 -->
<div class="month">
<h3>May 2024</h3>
<div class="event">
<h4>GPT-4o</h4>
<p>OpenAI announces GPT-4o with multimodal capabilities.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemini 1.5</h4>
<p>Google increases token limit to 2 million for Gemini 1.5.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Copilot+</h4>
<p>Microsoft announces Copilot+ for dedicated computers.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Chameleon</h4>
<p>Meta introduces Chameleon, a multimodal model later <a href="https://huggingface.co/collections/facebook/chameleon-668da9663f80d483b4c61f58" target="_blank">open weightsd</a>.</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Mistral-7B-Instruct-v0.3</h4>
<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>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>AI Overviews</h4>
<p>Google announces AI Overviews for search summaries.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Suno v3.5</h4>
<p>Suno AI releases Suno v3.5 for music creation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Codestral</h4>
<p>Mistral AI releases Codestral (<a href="https://huggingface.co/mistralai/Codestral-22B-v0.1" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Falcon 2</h4>
<p>TII releases Falcon2-11B and Falcon2-VLM (<a href="https://huggingface.co/collections/tiiuae/falcon2-6641c2f0b98ddf3fe49b4012" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- June 2024 -->
<div class="month">
<h3>June 2024</h3>
<div class="event">
<h4>Stable Diffusion 3 (Medium)</h4>
<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>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Apple Intelligence</h4>
<p>Apple announces Apple Intelligence for its devices.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>DeepSeekCoderV2</h4>
<p>DeepSeekAI publishes DeepSeekCoderV2 (<a href="https://huggingface.co/collections/deepseek-ai/deepseekcoder-v2-666bf4b274a5f556827ceeca" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Gen3 Alpha</h4>
<p>Runway introduces Gen3 Alpha for video generation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Yi 1.5</h4>
<p>01 AI releases Yi 1.5 (<a href="https://huggingface.co/collections/01-ai/yi-15-2024-05-663f3ecab5f815a3eaca7ca8" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Claude Sonnet 3.5</h4>
<p>Anthropic releases Claude Sonnet 3.5.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Florence 2</h4>
<p>Microsoft releases Florence 2 (<a href="https://huggingface.co/collections/microsoft/florence-6669f44df0d87d9c3bfb76de" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Gemma 2</h4>
<p>Google announces Gemma 2 (<a href="https://huggingface.co/collections/google/gemma-2-release-667d6600fd5220e7b967f315" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- July 2024 -->
<div class="month">
<h3>July 2024</h3>
<div class="event">
<h4>GPT-4o mini</h4>
<p>OpenAI releases GPT-4o mini.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Llama 3.1</h4>
<p>Meta releases Llama 3.1 (<a href="https://huggingface.co/collections/meta-llama/llama-31-669fc079a0c406a149a5738f" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Codestral Mamba</h4>
<p>Mistral AI releases Codestral Mamba (<a href="https://huggingface.co/mistralai/Mamba-Codestral-7B-v0.1" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>AlphaProof & AlphaGeometry 2</h4>
<p>Google DeepMind unveils AlphaProof and AlphaGeometry 2.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>SearchGPT</h4>
<p>OpenAI launches SearchGPT.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Udio v1.5</h4>
<p>Startup Udio releases Udio v1.5.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Mistral Large 2</h4>
<p>Mistral AI releases Mistral Large 2.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Midjourney v6.1</h4>
<p>Midjourney v6.1 is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemma 2 2B</h4>
<p>Google releases Gemma 2 2B (<a href="https://huggingface.co/google/gemma-2b" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- August 2024 -->
<div class="month">
<h3>August 2024</h3>
<div class="event">
<h4>Flux</h4>
<p>Black Forest Labs releases Flux (<a href="https://huggingface.co/black-forest-labs" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>GPT-4o 0806</h4>
<p>OpenAI releases GPT-4o 0806.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Imagen 3</h4>
<p>Google releases Imagen 3.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Grok 2 & Grok 2 mini</h4>
<p>xAI Corporation launches Grok 2 and Grok 2 mini.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Hermes 3</h4>
<p>Nous Research releases Hermes 3 (<a href="https://huggingface.co/collections/NousResearch/hermes-3-66bd6c01399b14b08fe335ea" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Phi 3.5</h4>
<p>Microsoft introduces Phi 3.5 (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Gemini 1.5 Flash8B</h4>
<p>Google introduces Gemini 1.5 Flash8B.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Ideogram 2.0</h4>
<p>Ideogram 2.0 is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Dream Machine 1.5</h4>
<p>Luma unveils Dream Machine 1.5.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Command R+</h4>
<p>Cohere releases Command R+ (<a href="https://huggingface.co/CohereForAI/c4ai-command-r-plus-08-2024" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Falcon Mamba</h4>
<p>TII introduces state space model Falcon Mamba(<a href="https://huggingface.co/collections/tiiuae/falconmamba-7b-66b9a580324dd1598b0f6d4a" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- September 2024 -->
<div class="month">
<h3>September 2024</h3>
<div class="event">
<h4>OLMoE</h4>
<p>Allen AI open sources OLMoE (<a href="https://huggingface.co/collections/allenai/olmoe-66cf678c047657a30c8cd3da" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Pixtral12B</h4>
<p>Mistral introduces Pixtral12B (<a href="https://huggingface.co/mistralai/Pixtral-12B-2409" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>o1 preview & o1 mini</h4>
<p>OpenAI releases o1 preview and o1 mini.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Granite Code</h4>
<p>IBM introduces Granite Code (<a href="https://huggingface.co/collections/ibm-granite/granite-code-models-6624c5cec322e4c148c8b330" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Qwen 2.5</h4>
<p>Alibaba releases Qwen 2.5 (<a href="https://huggingface.co/collections/Qwen/qwen25-66e81a666513e518adb90d9e" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>KLING 1.5</h4>
<p>KLING 1.5 is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Yi Coder</h4>
<p>01 AI releases Yi-Coder (<a href="https://huggingface.co/collections/01-ai/yi-coder-66bdb00f5bdd611f9a008f30" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>GPT4o Advanced Voice Mode</h4>
<p>OpenAI launches GPT4o Advanced Voice Mode.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Llama 3.2</h4>
<p>Meta releases Llama 3.2 (<a href="https://huggingface.co/collections/meta-llama/llama-32-66f448ffc8c32f949b04c8cf" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Gemini Pro 1.5 002</h4>
<p>Google rolls out Gemini Pro 1.5 002.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Moshi</h4>
<p>Kyutai releases Moshi (<a href="https://huggingface.co/kyutai" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>NotebookLM</h4>
<p>Google updates NotebookLM.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Mistral Small</h4>
<p>Mistral AI launches Mistral Small.</p>
<span class="tag api-only">API Only</span>
</div>
</div>
<!-- October 2024 -->
<div class="month">
<h3>October 2024</h3>
<div class="event">
<h4>Flux 1.1 Pro</h4>
<p>Flux 1.1 Pro is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Movie Gen</h4>
<p>Meta unveils Movie Gen.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Aya Expanse</h4>
<p>Cohere releases Aya Expanse (<a href="https://huggingface.co/collections/CohereForAI/c4ai-aya-expanse-671a83d6b2c07c692beab3c3" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Pika Effects</h4>
<p>Pika introduces Video Model 1.5 with Pika Effects.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Firefly Video</h4>
<p>Adobe announces Firefly Video.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Aria</h4>
<p>Rhymes AI releases Aria (<a href="https://huggingface.co/RhymesAI" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Meta Spirit LM</h4>
<p>Meta releases Meta Spirit LM (<a href="https://github.com/facebookresearch/spiritlm" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Ministral</h4>
<p>Mistral AI introduces Ministral.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Janus</h4>
<p>DeepSeekAI releases Janus (<a href="https://huggingface.co/deepseek-ai/Janus-1.3B" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Fluid</h4>
<p>Google DeepMind and MIT unveil Fluid.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Stable Diffusion 3.5</h4>
<p>Stable Diffusion 3.5 is released (<a href="https://huggingface.co/stabilityai" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Claude 3.5 Sonnet New</h4>
<p>Anthropic launches Claude 3.5 Sonnet New.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Claude 3.5 Haiku</h4>
<p>Anthropic announces Claude 3.5 Haiku.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Recraft v3</h4>
<p>Recraft v3 is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Search GPT</h4>
<p>OpenAI launches Search GPT.</p>
<span class="tag api-only">API Only</span>
</div>
</div>
<!-- November 2024 -->
<div class="month">
<h3>November 2024</h3>
<div class="event">
<h4>QwQ 32B Preview</h4>
<p>Alibaba releases QwQ 32B Preview (<a href="https://huggingface.co/collections/Qwen/qwq-674762b79b75eac01735070a" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Qwen2.5 Coder 32B</h4>
<p>Alibaba open-sources Qwen2.5 Coder 32B (<a href="https://huggingface.co/collections/Qwen/qwen25-coder-66eaa22e6f99801bf65b0c2f" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>DeepSeek-R1-Lite-Preview</h4>
<p>DeepSeek unveils DeepSeek-R1-Lite-Preview.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Tulu 3</h4>
<p>Allen AI open sources Tulu 3 (<a href="https://huggingface.co/collections/allenai/tulu-3-models-673b8e0dc3512e30e7dc54f5" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Suno v4</h4>
<p>Suno upgrades to v4.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>SmolLM 2</h4>
<p>Hugging Face open sources SmolLM 2 (<a href="https://huggingface.co/collections/HuggingFaceTB/smollm2-6723884218bcda64b34d7db9" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Pixtral Large</h4>
<p>Mistral AI launches Pixtral Large (<a href="https://huggingface.co/mistralai/Pixtral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Mistral Large 2411</h4>
<p>Mistral AI updates Mistral Large 2411 (<a href="https://huggingface.co/mistralai/Mistral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>gemini-exp-1114 & gemini-exp-1121</h4>
<p>Google introduces gemini-exp-1114 and gemini-exp-1121.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>OLMo 2</h4>
<p>Allen AI open sources OLMo 2 (<a href="https://huggingface.co/collections/allenai/olmo-2-674117b93ab84e98afc72edc" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Claude 3.5 Haiku</h4>
<p>Anthropic launches Claude 3.5 Haiku.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Visual PDF Analysis</h4>
<p>Anthropic introduces Visual PDF Analysis in Claude.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>SmolVLM</h4>
<p>Hugging Face open sources SmolVLM (<a href="https://huggingface.co/collections/HuggingFaceTB/smolvlm-6740bd584b2dcbf51ecb1f39" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
<!-- December 2024 -->
<div class="month">
<h3>December 2024</h3>
<div class="event">
<h4>NOVA</h4>
<p>Amazon introduces NOVA models.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>SORA</h4>
<p>OpenAI releases SORA for video generation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Command R7B</h4>
<p>Cohere releases Command R7B (<a href="https://huggingface.co/CohereForAI/c4ai-command-r7b-12-2024" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>O1 & O1 Pro</h4>
<p>OpenAI releases O1 and O1 Pro.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Live Video Mode</h4>
<p>OpenAI launches live video mode for GPT4o.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemini-Exp-1206</h4>
<p>Google unveils Gemini-Exp-1206.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemini 2.0 Flash</h4>
<p>Google launches Gemini 2.0 Flash in beta.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Gemini-2.0-Flash-Thinking</h4>
<p>Google introduces Gemini-2.0-Flash-Thinking.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Veo 2</h4>
<p>Google releases Veo 2 for video generation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Granite 3.1</h4>
<p>IBM open-sources Granite 3.1 (<a href="https://huggingface.co/collections/ibm-granite/granite-31-language-models-6751dbbf2f3389bec5c6f02d" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Imagen 3 Update</h4>
<p>Google updates Imagen 3.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Aurora</h4>
<p>xAI integrates Aurora for image generation.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Phi4</h4>
<p>Microsoft open-sources Phi4 (<a href="https://huggingface.co/microsoft/phi-4" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Llama 3.3 70B</h4>
<p>Meta releases Llama 3.3 70B (<a href="https://huggingface.co/collections/meta-llama/llama-33-67531d5c405ec5d08a852000" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>PaliGemma 2</h4>
<p>Google launches PaliGemma 2 (<a href="https://huggingface.co/collections/google/paligemma-2-release-67500e1e1dbfdd4dee27ba48" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>Pika Labs 2.0</h4>
<p>Pika Labs releases 2.0.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Apollo</h4>
<p>Meta introduces Apollo (<a href="https://huggingface.co/GoodiesHere" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>DeepSeek V3</h4>
<p>DeepSeek open-sources DeepSeek V3 (<a href="https://huggingface.co/deepseek-ai" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>ModernBERT</h4>
<p>AnswerAI and LightOn open-source ModernBERT (<a href="https://huggingface.co/collections/answerdotai/modernbert-67627ad707a4acbf33c41deb" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>QVQ-72B-Preview</h4>
<p>Alibaba unveils QVQ-72B-Preview (<a href="https://huggingface.co/collections/Qwen/qvq-676448c820912236342b9888" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
<div class="event">
<h4>O3</h4>
<p>OpenAI announces O3.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>O3 Mini</h4>
<p>OpenAI expects O3 Mini in January 2025.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Kling 1.6</h4>
<p>Kling 1.6 is released.</p>
<span class="tag api-only">API Only</span>
</div>
<div class="event">
<h4>Falcon 3</h4>
<p>TII releases Falcon 3 family of models (<a href="https://huggingface.co/blog/falcon3" target="_blank">open weights</a>).</p>
<span class="tag open-source">Open Weights</span>
</div>
</div>
</div>
<script>
function updateCounts() {
const openSourceCount = document.querySelectorAll('.tag.open-source').length;
const apiOnlyCount = document.querySelectorAll('.tag.api-only').length;
document.getElementById('open-source-count').textContent = openSourceCount;
document.getElementById('api-only-count').textContent = apiOnlyCount;
}
function filterEvents(filter) {
// Update active button state
document.querySelectorAll('.toggle-button').forEach(button => {
button.classList.remove('active');
if (button.classList.contains(filter)) {
button.classList.add('active');
}
});
// Filter events
const events = document.querySelectorAll('.event');
events.forEach(event => {
if (filter === 'all') {
event.style.display = 'block';
} else {
// Check if the event has the specific tag class
const hasTag = event.querySelector(`.tag.${filter}`) !== null;
event.style.display = hasTag ? 'block' : 'none';
}
});
// Check for empty months and hide them
const months = document.querySelectorAll('.month');
months.forEach(month => {
const visibleEvents = Array.from(month.querySelectorAll('.event')).filter(event =>
event.style.display !== 'none'
);
month.style.display = visibleEvents.length > 0 ? 'flex' : 'none';
});
// Update counts after filtering
updateCounts();
}
// Initial count update
document.addEventListener('DOMContentLoaded', updateCounts);
</script>
</body>
</html>