Skip to content

catalog: add 27 current models and sort the catalog #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jackwsmth merged 4 commits into from
Sep 16, 2026
Merged

catalog: add 27 current models and sort the catalog #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
8a32f78
catalog: add 15 current models (Qwen3.8, Gemma 4, gpt-oss, Granite 4.…
shacortes Sep 16, 2026
31c47ed
catalog: add the Qwen3.5 and Qwen3.6 lineups and the remaining Qwen3.…
shacortes Sep 16, 2026
fdd00a1
Limit homepage model filter to featured models
jackwsmth Sep 16, 2026
c038678
database: seed expanded catalog
jackwsmth Sep 16, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
120 changes: 114 additions & 6 deletions frontend/src/catalog/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,20 +33,128 @@ export const QUANTS: Quant[] = [

export const MODELS: Model[] = [
{
id: 'qwen3-8b', name: 'Qwen3-8B', family: 'Qwen3', params: '8B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-8B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
id: 'gemma-3-12b', name: 'Gemma 3 12B IT', family: 'Gemma 3', params: '12B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/google/gemma-3-12b-it', logoUrl: '/logos/models/gemma.svg', brandColor: '#6dc799', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-30b-a3b', name: 'Qwen3-30B-A3B', family: 'Qwen3', params: '30B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-30B-A3B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0'],
id: 'gemma-4-12b', name: 'Gemma 4 12B IT', family: 'Gemma 4', params: '12B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/google/gemma-4-12B-it', logoUrl: '/logos/models/gemma.svg', brandColor: '#6dc799', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'gemma-4-26b-a4b', name: 'Gemma 4 26B A4B IT', family: 'Gemma 4', params: '26B', architecture: 'moe', activeParams: '4B',
sourceUrl: 'https://huggingface.co/google/gemma-4-26B-A4B-it', logoUrl: '/logos/models/gemma.svg', brandColor: '#6dc799', quants: ['int4', 'q4_0', 'q4_k_m', 'q8_0'],
},
{
id: 'glm-5-3-flash', name: 'GLM-5.3-Flash', family: 'GLM-5.3', params: '320B', architecture: 'moe', activeParams: '18B',
sourceUrl: 'https://huggingface.co/zai-org/GLM-5.3-Flash', brandColor: '#7fa9d9', quants: ['int4', 'q4_k_m'],
},
{
id: 'gpt-oss-20b', name: 'gpt-oss-20b', family: 'gpt-oss', params: '21B', architecture: 'moe', activeParams: '3.6B',
sourceUrl: 'https://huggingface.co/openai/gpt-oss-20b', brandColor: '#a3b8cf', quants: ['mxfp4', 'int4', 'q4_k_m', 'q8_0'],
},
{
id: 'granite-4-2-30b', name: 'Granite 4.2 30B', family: 'Granite 4.2', params: '30B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/ibm-granite/granite-4.2-30b', brandColor: '#8fa8d8', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'granite-4-2-8b', name: 'Granite 4.2 8B', family: 'Granite 4.2', params: '8B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/ibm-granite/granite-4.2-8b', brandColor: '#8fa8d8', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'lfm2-5-2-6b', name: 'LFM2.5-2.6B', family: 'LFM2.5', params: '2.6B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/LiquidAI/LFM2.5-2.6B', brandColor: '#6fc3d6', quants: ['int4', 'int8', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'lfm2-5-8b-a1b', name: 'LFM2.5-8B-A1B', family: 'LFM2.5', params: '8B', architecture: 'moe', activeParams: '1B',
sourceUrl: 'https://huggingface.co/LiquidAI/LFM2.5-8B-A1B', brandColor: '#6fc3d6', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'llama-3-1-8b', name: 'Llama 3.1 8B Instruct', family: 'Llama 3.1', params: '8B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/meta-llama/Llama-3.1-8B-Instruct', logoUrl: '/logos/models/llama.svg', brandColor: '#73b0ee', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'gemma-3-12b', name: 'Gemma 3 12B IT', family: 'Gemma 3', params: '12B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/google/gemma-3-12b-it', logoUrl: '/logos/models/gemma.svg', brandColor: '#6dc799', quants: ['int4', 'q4_k_m', 'q8_0'],
id: 'minicpm5-2b', name: 'MiniCPM5-2B', family: 'MiniCPM5', params: '2.5B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/openbmb/MiniCPM5-2B', brandColor: '#e5a3c2', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'mistral-small-3-2-24b', name: 'Mistral Small 3.2 24B Instruct', family: 'Mistral Small 3.2', params: '24B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/mistralai/Mistral-Small-3.2-24B-Instruct-2506', brandColor: '#eba36d', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'nemotron-3-5-lightning-30b-a3b', name: 'Nemotron 3.5 Lightning 30B A3B', family: 'Nemotron 3.5', params: '30B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/nvidia/NVIDIA-Nemotron-3.5-Lightning-30B-A3B-BF16', brandColor: '#8fc25c', quants: ['q4_k_m', 'q8_0', 'bf16'],
},
{
id: 'qwen3-30b-a3b', name: 'Qwen3-30B-A3B', family: 'Qwen3', params: '30B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-30B-A3B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-4b-instruct-2507', name: 'Qwen3-4B-Instruct-2507', family: 'Qwen3', params: '4B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-4B-Instruct-2507', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'int8', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'qwen3-8b', name: 'Qwen3-8B', family: 'Qwen3', params: '8B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-8B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'qwen3-coder-next', name: 'Qwen3-Coder-Next', family: 'Qwen3-Next', params: '80B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-Coder-Next', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-next-80b-a3b', name: 'Qwen3-Next-80B-A3B-Instruct', family: 'Qwen3-Next', params: '80B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3-Next-80B-A3B-Instruct', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-5-0-8b', name: 'Qwen3.5-0.8B', family: 'Qwen3.5', params: '0.8B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-0.8B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'qwen3-5-122b-a10b', name: 'Qwen3.5-122B-A10B', family: 'Qwen3.5', params: '122B', architecture: 'moe', activeParams: '10B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-122B-A10B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['gptq-4bit', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-5-27b', name: 'Qwen3.5-27B', family: 'Qwen3.5', params: '27B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-27B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'awq-4bit', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-5-2b', name: 'Qwen3.5-2B', family: 'Qwen3.5', params: '2B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-2B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'qwen3-5-35b-a3b', name: 'Qwen3.5-35B-A3B', family: 'Qwen3.5', params: '35B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-35B-A3B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'gptq-4bit', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-5-397b-a17b', name: 'Qwen3.5-397B-A17B', family: 'Qwen3.5', params: '397B', architecture: 'moe', activeParams: '17B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-397B-A17B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['gptq-4bit', 'q4_k_m'],
},
{
id: 'qwen3-5-4b', name: 'Qwen3.5-4B', family: 'Qwen3.5', params: '4B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-4B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'awq-4bit', 'q4_k_m', 'q8_0', 'fp16'],
},
{
id: 'qwen3-5-9b', name: 'Qwen3.5-9B', family: 'Qwen3.5', params: '9B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.5-9B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'awq-4bit', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-6-27b', name: 'Qwen3.6-27B', family: 'Qwen3.6', params: '27B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.6-27B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'awq-4bit', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-6-35b-a3b', name: 'Qwen3.6-35B-A3B', family: 'Qwen3.6', params: '35B', architecture: 'moe', activeParams: '3B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.6-35B-A3B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-8-2-4t-a95b', name: 'Qwen3.8-2.4T-A95B', family: 'Qwen3.8', params: '2.4T', architecture: 'moe', activeParams: '95B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.8-2.4T-A95B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['fp8', 'q4_k_m'],
},
{
id: 'qwen3-8-27b', name: 'Qwen3.8-27B', family: 'Qwen3.8', params: '27B', architecture: 'dense',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.8-27B', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['int4', 'int8', 'q4_k_m', 'q8_0'],
},
{
id: 'qwen3-8-flash-next', name: 'Qwen3.8-Flash-Next', family: 'Qwen3.8', params: '125B', architecture: 'moe', activeParams: '6B',
sourceUrl: 'https://huggingface.co/Qwen/Qwen3.8-Flash-Next', logoUrl: '/logos/models/qwen.svg', brandColor: '#b699eb', quants: ['fp8', 'q4_k_m', 'q8_0'],
},
]

Expand Down
24 changes: 23 additions & 1 deletion frontend/src/pages/Home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { useState } from 'react'
import { Link } from 'react-router-dom'
import { ChevronRight, Plus } from 'lucide-react'
import { Button } from '@/components/ui/button'
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
import { Skeleton } from '@/components/ui/skeleton'
import { GitHubMark } from '@/components/GitHubMark'
import { LeaderboardTable } from '@/components/LeaderboardTable'
Expand All @@ -24,6 +25,9 @@ import { cn } from '@/lib/utils'

const quietLink = 'font-normal text-muted-foreground hover:text-foreground'

// Keep a small, curated mix of local models up front as the catalog grows.
const FEATURED_MODEL_IDS = ['qwen3-5-9b', 'gemma-4-12b', 'gpt-oss-20b', 'qwen3-6-35b-a3b']

export default function Home() {
usePageTitle(PAGE_SEO.home.title, PAGE_SEO.home.description, PAGE_SEO.home.brandFirst)
// Launch week. Flips to the ordinary page in place at zero.
Expand All @@ -32,6 +36,14 @@ export default function Home() {
const { user, requestSignIn } = useSession()
const [model, setModel] = useState('')
const top = useAsync(() => api.topResults({ model: model || undefined, limit: 10 }), [model])
const models = cat.data?.models ?? []
const featuredModels = [
...FEATURED_MODEL_IDS.flatMap((id) => models.filter((m) => m.id === id)),
...models.filter((m) => !FEATURED_MODEL_IDS.includes(m.id)),
].slice(0, 4)
const moreModels = models.filter((m) => !featuredModels.some((featured) => featured.id === m.id))
const moreModelItems = moreModels.map((m) => ({ value: m.id, label: m.name }))
const selectedMoreModel = moreModels.some((m) => m.id === model) ? model : null
// Six parts across the kinds for the catalog section, so it shows the breadth of the database rather than the first six CPUs.
const parts = useAsync(async () => {
const [gpu, cpu, igpu, npu] = await Promise.all([
Expand Down Expand Up @@ -87,8 +99,18 @@ export default function Home() {
className="-ml-3"
value={model}
onChange={setModel}
items={[{ value: '', label: 'All models' }, ...(cat.data?.models ?? []).map((m) => ({ value: m.id, label: m.name }))]}
items={[{ value: '', label: 'All models' }, ...featuredModels.map((m) => ({ value: m.id, label: m.name }))]}
/>
{moreModels.length > 0 ? (
<Select value={selectedMoreModel} onValueChange={(value) => { if (value != null) setModel(value) }} items={moreModelItems}>
<SelectTrigger aria-label="More models" className={cn('max-w-full', selectedMoreModel && 'border-foreground/40')}>
<SelectValue placeholder="More models" />
</SelectTrigger>
<SelectContent align="start" alignItemWithTrigger={false} className="max-h-72 w-max max-w-[calc(100vw-2.5rem)]">
{moreModelItems.map((item) => <SelectItem key={item.value} value={item.value}>{item.label}</SelectItem>)}
</SelectContent>
</Select>
) : null}
<span className="ml-auto text-xs text-muted-foreground">Best entry per rig or part, model, and quant · decode tok/s</span>
</Toolbar>
{top.data && cat.data ? (
Expand Down
Loading
Loading