1<!DOCTYPE html><html lang="en" class="inter_fe8b9d92-module__LINzvG__variable space_grotesk_3c2f5918-module__qcjFrW__variable jetbrains_mono_7a552b5-module__KCzc7a__variable h-full"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/01-dyx6hkheq4.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0iovihbvaq959.js"/>
1<script src="/_next/static/chunks/00p-41jq4urj5.js" async=""></script>
1<script src="/_next/static/chunks/0z5um8l5jwa2v.js" async=""></script>
1<script src="/_next/static/chunks/07lhk_q6pmm3r.js" async=""></script>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0.kojtxxv.6~c.js" async=""></script>
1<script src="/_next/static/chunks/0cesun8vdtvru.js" async=""></script>
1<script src="/_next/static/chunks/059obd0i9-3y9.js" async=""></script>
1<script src="/_next/static/chunks/15uv0cbfz5wb_.js" async=""></script>
1<script src="/_next/static/chunks/0ejc1-gm8x1zd.js" async=""></script>
1<script src="/_next/static/chunks/0u6ziittrh6iw.js" async=""></script>
1<script src="/_next/static/chunks/0h13u77lt0dx3.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>StraVIBE â Strava for vibe coders</title><meta name="description" content="Track your AI coding usage across Claude, Cursor, Codex and more. Climb the leaderboard."/><link rel="icon" href="/icon.svg?icon.0h0xfol.iaake.svg" sizes="any" type="image/svg+xml"/>
1<script>(function(){try{var t=localStorage.getItem('theme');var d=t?t==='dark':true;document.documentElement.classList.toggle('dark',d);}catch(e){document.documentElement.classList.add('dark');}})();</script>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="flex min-h-full flex-col"><div hidden=""><!--$--><!--/$--></div><header class="sticky top-0 z-50 border-b border-border bg-background/85 backdrop-blur-md"><div class="mx-auto w-full max-w-6xl px-6"><nav class="flex h-16 items-center justify-between gap-6"><a class="inline-flex items-center gap-2.5" href="/"><svg viewBox="0 0 24 24" class="shrink-0 size-7" role="img" aria-label="StraVIBE"><rect x="3" y="14" width="4" height="7" rx="1.4" class="fill-foreground/40"></rect><rect x="10" y="10" width="4" height="11" rx="1.4" class="fill-foreground/70"></rect><rect x="17" y="4.5" width="4" height="16.5" rx="1.4" class="fill-c-orange"></rect></svg><span class="text-xl font-extrabold tracking-tight"><span class="text-foreground">Stra</span><span class="text-c-orange">VIBE</span></span></a><div class="hidden items-center gap-1 text-sm font-medium md:flex"><a aria-current="page" class="rounded-[3px] px-3 py-1.5 transition-colors bg-surface-2 text-foreground" href="/">Home</a><a class="rounded-[3px] px-3 py-1.5 transition-colors text-foreground/70 hover:bg-surface-2 hover:text-foreground" href="/leaderboard">Leaderboard</a><a class="rounded-[3px] px-3 py-1.5 transition-colors text-foreground/70 hover:bg-surface-2 hover:text-foreground" href="/dashboard">Dashboard</a><a class="rounded-[3px] px-3 py-1.5 transition-colors text-foreground/70 hover:bg-surface-2 hover:text-foreground" href="/pricing">Pricing</a><a class="rounded-[3px] px-3 py-1.5 transition-colors text-foreground/70 hover:bg-surface-2 hover:text-foreground" href="/settings">Settings</a></div><div class="flex items-center gap-2"><button type="button" aria-label="Toggle color theme" class="relative inline-flex size-8 items-center justify-center rounded-full text-foreground/70 transition-colors before:absolute before:-inset-1.5 before:content-[''] hover:bg-surface-2 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon size-4" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></button><a class="items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background border border-border bg-surface text-foreground hover:border-foreground
1/40 px-4 py-2 text-sm hidden sm:inline-flex" href="/login"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="size-4"><path d="M12 .5C5.73.5.5 5.74.5 12.02c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.88-1.54-3.88-1.54-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.71.08-.71 1.16.08 1.77 1.2 1.77 1.2 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.02 11.02 0 0 1 5.8 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.8-.01 3.18 0 .31.21.68.8.56A11.53 11.53 0 0 0 23.5 12.02C23.5 5.74 18.27.5 12 .5z"></path></svg>Sign in</a><div class="md:hidden"><button type="button" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-nav-panel" class="flex size-9 items-center justify-center rounded-md border border-border text-foreground/80 transition-colors hover:bg-surface-2 hover:text-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></nav></div></header><main class="flex-1"><div style="opacity:0;transform:translateY(8px)"><section class="relative overflow-hidden"><div aria-hidden="true" class="pointer-events-none absolute right-[-6%] top-[-8%] -z-10 h-[460px] w-[620px] max-w-none rounded-full bg-c-orange opacity-[0.13] blur-[150px]"></div><div aria-hidden="true" class="bg-grid pointer-events-none absolute inset-0 -z-10 text-foreground/[0.04] [mask-image:radial-gradient(ellipse_at_top_right,black,transparent_72%)]"></div><div class="mx-auto w-full max-w-6xl px-6 py-16 sm:py-24"><div class="grid items-center gap-14 lg:grid-cols-[1.05fr_0.95fr]"><div><div style="opacity:0;transform:translateY(14px)"><span class="inline-flex items-center gap-2 rounded border border-border bg-surface px-3 py-1 text-xs text-mute"><span class="text-c-orange">//</span> open-source · track your AI coding usage</span></div><div style="opacity:0;transform:translateY(14px)"><h1 class="mt-6 text-[clamp(2.75rem,6vw,4.25rem)] font-extrabold leading-[1.02] tracking-tight">Turn your AI<br/>usage into a <span class="text-c-orange">sport</span>.</h1></div><div style="opacity:0;transform:translateY(14px)"><p class="mt-6 max-w-md text-base leading-relaxed text-muted-foreground sm:text-lg">StraVIBE tracks every token your AI coding tools burn â Claude Code, Codex, Cursor and more. Grab the npm package or the Cursor extension, then climb the leaderboard.</p></div><div style="opacity:0;transform:translateY(14px)"><div class="mt-8 flex flex-col gap-3 sm:flex-row"><a class="inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-accent text-accent-foreground hover:brightness-110 px-5 py-2.5 text-sm sm:text-base" href="/login">Get started</a><a class="inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background border border-border bg-surface text-foreground hover:border-foreground
1/40 px-5 py-2.5 text-sm sm:text-base" href="/leaderboard">View leaderboard â</a></div></div><div style="opacity:0;transform:translateY(14px)"><p class="mt-4 text-sm text-mute">Coding in Cursor?<!-- --> <a href="https://open-vsx.org/extension/stravibe/stravibe-extension" target="_blank" rel="noreferrer" class="font-medium text-c-violet underline-offset-4 hover:underline">Get the Cursor extension â</a></p></div><div style="opacity:0;transform:translateY(14px)"><div class="mt-10 flex flex-wrap items-center gap-x-5 gap-y-3"><span class="text-xs text-mute">tracks</span><svg viewBox="0 0 24 24" class="size-5 fill-mute transition-colors hover:fill-foreground" aria-label="Claude Code" role="img"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
10182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"></path></svg><svg viewBox="0 0 24 24" class="size-5 fill-mute transition-colors hover:fill-foreground" aria-label="Codex" role="img"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg><svg viewBox="0 0 24 24" class="size-5 fill-mute transition-colors hover:fill-foreground" aria-label="Cursor" role="img"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"></path></svg></div></div></div><div class="relative" style="opacity:0;transform:translateY(14px)"><div class="relative mx-auto max-w-md lg:mr-0"><div class="overflow-hidden rounded-lg border border-border bg-surface shadow-2xl shadow-black/30"><div class="flex items-center gap-2 border-b border-border px-4 py-2.5"><span class="size-2.5 rounded-full bg-c-pink"></span><span class="size-2.5 rounded-full bg-c-amber"></span><span class="size-2.5 rounded-full bg-c-orange"></span><span class="ml-2 text-xs text-mute">~/midnight-ship â zsh</span></div><div class="flex items-center gap-1.5 border-b border-border px-3 py-2 text-xs"><span class="rounded bg-c-cyan/15 px-2 py-1 font-medium text-c-cyan">npm package</span><a href="https://open-vsx.org/extension/stravibe/stravibe-extension" target="_blank" rel="noreferrer" class="rounded px-2 py-1 font-medium text-mute transition-colors hover:bg-c-violet/15 hover:text-c-violet">Cursor extension</a></div><div class="space-y-1 p-5 text-[13px] leading-[1.7]"><p><span class="text-c-orange">$</span> npm i -g<!-- --> <span class="text-c-cyan">stravibe</span></p><p class="text-muted-foreground"><span class="text-c-orange">â</span> installed stravibe</p><p><span class="text-c-orange">$</span> npx<!-- --> <span class="text-c-cyan">stravibe</span> login</p><p class="text-muted-foreground"><span class="text-c-orange">â</span> linked github<!-- --> <span class="text-c-violet">@vibecoder</span></p><p class="text-muted-foreground"><span class="text-c-orange">â</span> read<!-- --> <span class="text-c-amber">claude-code · codex</span> · auto-sync on</p><p class="text-muted-foreground"><span class="text-c-cyan">â</span> synced 19.8M tokens · rank #1<span class="ml-0.5 inline-block animate-pulse text-c-orange">â</span></p></div></div><div class="absolute -bottom-12 -right-5 hidden w-60 rounded-lg border border-border bg-surface-2 p-4 shadow-2xl shadow-black/40 sm:block lg:-right-10"><div class="mb-3 flex items-center justify-between"><span class="text-xs text-mute">this week · tokens</span><span class="flex items-center gap-1.5 text-xs text-c-orange"><span class="size-1.5 animate-pulse rounded-full bg-c-orange"></span>live</span></div><ul class="space-y-2"><li class="flex items-center gap-2.5 text-xs"><span class="w-3 font-bold tabular-nums text-c-orange">1</span><span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]" aria-hidden="true">T</span><span class="flex-1 truncate text-foreground">torvalds-jr</span><span class="tabular-nums text-muted-foreground">48.2M</span></li><li class="flex items-center gap-2.5 text-xs"><span class="w-3 font-bold tabular-nums text-c-cyan">2</span><span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]" aria-hidden="true">V</span><span class="flex-1 truncate text-foreground">vibecoder</span><span class="tabular-nums text-muted-foreground">41.7M</span></li><li class="flex items-center gap-2.5 text-xs"><span class="w-3 font-bold tabular-nums text-c-amber">3</span><span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]" aria-hidden="true">S</span><span class="flex-1 truncate text-foreground">shipfast</span><span class="tabular-nums text-muted-foreground">36.9M</span></li><li class="flex items-center gap-2.5 rounded border border-c-orange/40 bg-c-orange/10 px-2 py-1.5 text-xs"><span class="w-3 font-bold tabular-nums text-c-orange">4</span><span class="inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]" aria-hidden="true">Y</span><span class="flex-1 truncate font-bold text-foreground">
1you</span><span class="flex items-center gap-1 font-bold tabular-nums text-c-orange">â2</span></li></ul></div></div></div></div></div></section><section class="border-y border-border bg-surface/40"><div class="mx-auto w-full max-w-6xl px-6 py-10"><div class="flex flex-col gap-10" style="opacity:0;transform:translateY(14px)"><p class="text-base text-mute"><span class="text-mute">// </span>tracks usage across your whole stack</p><div class="flex flex-wrap items-center gap-x-14 gap-y-8"><div class="group flex items-center gap-3.5"><svg viewBox="0 0 24 24" class="size-12 fill-muted-foreground transition-colors group-hover:fill-foreground" aria-hidden="true"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
10182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"></path></svg><span class="text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground">Claude Code</span></div><div class="group flex items-center gap-3.5"><svg viewBox="0 0 24 24" class="size-12 fill-muted-foreground transition-colors group-hover:fill-foreground" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg><span class="text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground">Codex</span></div><div class="group flex items-center gap-3.5"><svg viewBox="0 0 24 24" class="size-12 fill-muted-foreground transition-colors group-hover:fill-foreground" aria-hidden="true"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"></path></svg><span class="text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground">Cursor</span></div><span class="text-2xl font-medium text-mute">+ more</span></div></div></div></section><section class="py-20 sm:py-28"><div class="mx-auto w-full max-w-6xl px-6"><div class="grid gap-12 lg:grid-cols-2 lg:items-center lg:gap-16"><div><div class="max-w-2xl"><p class="mb-4 text-xs font-medium tracking-[0.04em] text-c-orange">[ how it works ]</p><h2 class="text-[clamp(1.75rem,3.5vw,2.5rem)] font-extrabold leading-[1.1] tracking-tight">Two commands to the leaderboard</h2><p class="mt-4 max-w-[60ch] text-base leading-relaxed text-muted-foreground">No dashboards to babysit. Install once, sign in once, and your AI coding stats track themselves.</p></div><ol class="mt-14 space-y-0"><li class="relative flex gap-5 sm:gap-7"><div class="flex flex-col items-center"><span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-border text-sm font-bold tabular-nums text-c-orange">1</span><span class="mt-1 w-px flex-1 bg-c-orange opacity-25"></span></div><div class="pb-10"><code class="text-xs text-c-orange"><span class="text-mute">$ </span>npm i -g stravibe</code><h3 class="mt-2 text-xl font-bold tracking-tight">Install the npm package</h3><p class="mt-1.5 max-w-md text-sm leading-relaxed text-muted-foreground">One npm install, zero config â the production leaderboard URL is baked in, so there's nothing to set up.</p></div></li><li class="relative flex gap-5 sm:gap-7"><div class="flex flex-col items-center"><span class="flex size-9 shrink-0 items-center justify-center rounded-full border border-border text-sm font-bold tabular-nums text-c-cyan">2</span></div><div class=""><code class="text-xs text-c-cyan"><span class="text-mute">$ </span>npx stravibe login</code><h3 class="mt-2 text-xl font-bold tracking-tight">Sign in â that's it</h3><p class="mt-1.5 max-w-md text-sm leading-relaxed text-muted-foreground">One sign-in with GitHub or email links your account, submits your last ~90 days, and turns on auto-sync so every future session counts automatically. No API keys, no dashboards to babysit.</p></div></li></ol><a href="https://open-vsx.org/extension/stravibe/stravibe-extension" target="_blank" rel="noreferrer" class="group mt-10 flex items-start gap-4 roun
1ded-lg border border-border bg-surface p-5 transition-colors hover:border-c-violet/60"><span class="flex size-9 shrink-0 items-center justify-center rounded-md bg-c-violet/15"><svg viewBox="0 0 24 24" class="size-5 fill-c-violet" aria-hidden="true"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"></path></svg></span><div><h3 class="text-base font-bold tracking-tight">Coding in Cursor?<!-- --> <span class="text-c-violet group-hover:underline">Install the extension â</span></h3><p class="mt-1.5 text-sm leading-relaxed text-muted-foreground">Skip the npm package â the StraVIBE for Cursor extension on Open VSX links your account and syncs your Cursor usage from the status bar. Run it alongside the npm package and it all adds up.</p></div></a></div><div><p class="mb-2 text-center text-xs font-medium tracking-[0.04em] text-c-pink lg:text-left">[ bonus ]</p><h3 class="mb-1 text-center text-xl font-bold tracking-tight lg:text-left">Then flex it</h3><p class="mx-auto mb-8 max-w-sm text-center text-sm leading-relaxed text-muted-foreground lg:mx-0 lg:text-left">Every sync mints a Spotify-Wrapped-style card â pick a vibe, drop your photo, and post your rank to the timeline.</p><div class="relative mx-auto flex max-w-sm items-center justify-center py-6 lg:py-0"><div class="pointer-events-none absolute inset-0 -z-10 rounded-full bg-c-violet/20 blur-3xl" aria-hidden="true"></div><div class="overflow-hidden rounded-2xl border border-white/10 shadow-2xl share-bg-sunset absolute left-2 top-6 w-56 rotate-6 opacity-80 blur-[0.5px] sm:w-60" aria-hidden="true"><div class="relative aspect-[4/5] w-full"><div class="absolute inset-0 bg-gradient-to-b from-black/30 via-black/15 to-black/75"></div><div class="absolute right-2.5 top-9 -rotate-6"><span class="inline-block rounded bg-white px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wide text-black shadow-lg">ð¥ TOP 10</span></div><div class="relative flex h-full flex-col p-4 text-white [text-shadow:0_1px_10px_rgba(0,0,0,0.45)]"><div class="flex items-center justify-between"><span class="font-display text-sm font-bold tracking-tight">StraVIBE</span><span class="text-[8px] font-semibold uppercase tracking-[0.2em] text-white/80">⦠AI wrapped</span></div><div class="mt-3 flex items-center gap-2"><svg viewBox="0 0 44 44" class="size-9 shrink-0"><circle cx="22" cy="22" r="18" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="3.5"></circle><circle cx="22" cy="22" r="18" fill="none" stroke="rgba(255,255,255,0.95)" stroke-width="3.5" stroke-linecap="round" stroke-dasharray="113.09733552923255" stroke-dashoffset="36.19114736935441" transform="rotate(-90 22 22)"></circle><text x="22" y="20" text-anchor="middle" font-size="6.5" font-weight="700" fill="rgba(255,255,255,0.7)">LVL</text><text x="22" y="31" text-anchor="middle" font-size="12" font-weight="800" fill="#fff">41</text></svg><span class="inline-flex items-center gap-1 rounded-full bg-white/15 px-2 py-0.5 text-[10px] font-bold backdrop-blur-sm">ð§ Prompt Wizard</span></div><div class="flex-1"></div><div><p class="font-display text-3xl font-bold leading-none tabular-nums">32.7M</p><p class="mt-1 text-[9px] font-semibold uppercase tracking-[0.2em] text-white/80">ð¥ tokens cooked · in + out</p></div><p class="mt-1 text-[8px] text-white/50">stravibe · strava for vibe coders</p></div></div></div><div class="overflow-hidden rounded-2xl border border-white/10 shadow-2xl share-bg-vaporwave relative -rotate-3 w-64 animate-[float_7s_ease-in-out_infinite] sm:w-72" aria-hidden="true"><div class="relative aspect-[4/5] w-full"><div class="absolute inset-0 bg-gradient-to-b from-black/30 via-black/15 to-black/75"></div><div class="absolute right-2.5 top-9 -rotate-6"><span class="inline-block rounded bg-white px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wide text-black shadow-lg">ð PODIUM</span></div><div class="relative flex h-full flex-col p-4 text-white [text-shadow:0_1px_10px_rgba(0,0,0,0.45)]"><div class="flex items-center justify-between"><span class="font-display text-sm font-bold tracking-tight">StraVIBE</span><span class="text-[8px] font-semibold uppercase tracking-[0.2em] text-white/80">⦠AI wrapped</span></div><div class="mt-3 flex items-center gap-2"><svg viewBox="0 0 44 44" class="size-9 shrink-0"><circle cx="22" cy="22" r="18" fill="none" stroke="rgba(255,255,255,0.25)" stroke-width="3.5"></circle><circle cx="22" cy="22" r="18" fill="none" stroke="rgba(255,255,255,0.95)" stroke-width="3.5" stroke-linecap="round" stroke-dasharray="113.09733552923255" stroke-dashoffset="36.19114736935441" transform="rotate(-90 22 22)"></circle><text x="22" y="20" text-anchor="middle" font-size="6.5" font-weight="700" fill="rgba(255,255,255,0.7)">LVL</text><text x="22" y="31" text-anchor="middle" font-size="12" font-weight="800" fill="#fff">27</text></svg><span class="inline-flex items-center gap-1 rounded-full bg-white/15 px-2 py-0.5 text-[10px] font-bold backdrop-blur-sm">ð Vibe Coder</span></div><div class="flex-1"></div><div><p class="font-display text-3xl font-bold leading-none tabular-nums">18.4M</p><p class="mt-1 text-[9px] font-semibold uppercase tracking-[0.2em] text-white/80">ð¥ tokens cooked · in + out</p></div><p class="mt-3 text-[9px] font-medium text-white/70">
1powered by ð¤ Claude Opus 4.8</p><p class="mt-1 text-[8px] text-white/50">stravibe · strava for vibe coders</p></div></div></div><span class="absolute -bottom-1 right-2 z-10 -rotate-2 rounded-md bg-foreground px-2.5 py-1 text-xs font-extrabold uppercase tracking-wide text-background shadow-lg">⦠share your wrapped</span></div></div></div></div></section><section class="py-20 sm:py-24"><div class="mx-auto w-full max-w-6xl px-6"><div class="max-w-2xl"><p class="mb-4 text-xs font-medium tracking-[0.04em] text-c-violet">// features</p><h2 class="text-[clamp(1.75rem,3.5vw,2.5rem)] font-extrabold leading-[1.1] tracking-tight">Everything you need to compete</h2><p class="mt-4 max-w-[60ch] text-base leading-relaxed text-muted-foreground">Built for developers who treat shipping like a sport.</p></div><div class="mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-orange/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-orange/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy size-5 text-c-orange" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg></div><h3 class="mt-5 text-base font-bold">Public leaderboard</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Ranked by tokens generated across every signed-in account. Bragging rights included.</p></div></div><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-violet/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-violet/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column size-5 text-c-violet" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><h3 class="mt-5 text-base font-bold">Personal dashboard</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Your usage over time with a per-platform breakdown and streaks, all in one place.</p></div></div><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-cyan/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-cyan/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers size-5 text-c-cyan" aria-hidden="true"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="mt-5 text-base font-bold">Multi-tool tracking</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Claude Code, Codex, and whatever you adopt next â one unified view via pluggable collectors.</p></div></div><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-amber/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-amber/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coins size-5 text-c-amber" aria-hidden="true"><path d="M13.744 17.736a6 6 0 1 1-7.48-7.48"></path><path d="M15 6h1v4"></path><path d="m6.134 14.768.866-.5 2 3.464"></path><circle cx="16" cy="8" r="6"></circle></svg></div><h3 class="mt-5 text-base font-bold">Token insights</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">See exactly how many tokens you burn, broken down by model, tool, and day.</p></div></div><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-pink/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-pink/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check size-5 text-c-pink" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="mt-5 text-base font-bold">Private by design</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Only token counts leave your machine â never prompts, code, or file paths. Sign in with GitHub; delete your data any time.</p></div></div><div style="opacity:0;transform:translateY(14px)"><div class="h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-orange/60"><div class="flex size-10 items-center justify-center rounded-md bg-c-orange/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap size-5 text-c-orange" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="mt-5 text-base font-bold">Zero-friction sync</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">A SessionEnd hook pushes your usage in the background. Install it once, then forget it exists.</p></div></div></div></div></section><section class="py-20 sm:py-24"><div class="mx-auto w-full max-w-6xl px-6"><div class="max-w-2xl"><p class="mb-4 text-xs font-medium tracking-[0.04em] text-c-amber">[ leaderboard ]</p><h2 class="text-[clamp(1.75rem,3.5vw,2.5rem)] font-extrabold leading-[1.1] tracking-tight">See where you stack up</h2><p class="mt-4 max-w-[60ch] text-base leading-relaxed text-muted-foreground">A live, public ranking of the most prolific vibe coders, by tokens generated.</p></div><div class="mt-10 max-w-2xl" style="opacity:0;transform:translateY(14px)"><div class="overflow-hidden rounded-xl border border-border bg-surface"><div class="flex items-center justify-between gap-4 border-b border-border px-4 py-3"><span class="text-xs text-mute"><span class="text-c-orange">â</span> live</span><span class="text-xs text-mute">ranked by tokens</span></div><ul><li class=""><div class="flex items-center gap-4 px-4 py-3.5"><div aria-hidden="true" class="animate-pulse bg-surface-2 size-4 rounded"></div><div aria-hidden="true" class="animate-pulse bg-surface-2 size-9 rounded-full"></div><div class="flex-1 space-y-1.5"><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-32"></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-2.5 w-20"></div></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-16"></div></div></li><li class="border-t border-border"><div class="flex items-center gap-4 px-4 py-3.5"><div aria-hidden="true" class="animate-pulse bg-surface-2 size-4 rounded"></div><div aria-hidden="true" class="animate-pulse bg-surface-2 size-9 rounded-full"></div><div class="flex-1 space-y-1.5"><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-32"></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-2.5 w-20"></div></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-16"></div></div></li><li class="border-t border-border"><div class="flex items-center gap-4 px-4 py-3.5"><div aria-hidden="true" class="animate-pulse bg-surface-2 size-4 rounded"></div><div aria-hidden="true" class="animate-pulse bg-surface-2 size-9 rounded-full"></div><div class="flex-1 space-y-1.5"><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-32"></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-2.5 w-20"></div></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-16"></div></div></li><li class="border-t border-border"><div class="flex items-center gap-4 px-4 py-3.5"><div aria-hidden="true" class="animate-pulse bg-surface-2 size-4 rounded"></div><div aria-hidden="true" class="animate-pulse bg-surface-2 size-9 rounded-full"></div><div class="flex-1 space-y-1.5"><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-32"></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-2.5 w-20"></div></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-16"></div></div></li><li class="border-t border-border"><div class="flex items-center gap-4 px-4 py-3.5"><div aria-hidden="true" class="animate-pulse bg-surface-2 size-4 rounded"></div><div aria-hidden="true" class="animate-pulse bg-surface-2 size-9 rounded-full"></div><div class="flex-1 space-y-1.5"><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-32"></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-2.5 w-20"></div></div><div aria-hidden="true" class="animate-pulse rounded-md bg-surface-2 h-3.5 w-16"></div></div></li></ul></div><div class="mt-6"><a class="inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background border border-border bg-surface text-foreground hover:border-foreground
1/40 px-4 py-2 text-sm" href="/leaderboard">view full leaderboard â</a></div></div></div></section><section id="feature-request" class="scroll-mt-24 py-20 sm:py-24"><div class="mx-auto w-full max-w-6xl px-6"><div style="opacity:0;transform:translateY(14px)"><div class="relative mx-auto max-w-xl overflow-hidden rounded-lg border border-border bg-surface px-6 py-12 text-center sm:px-12"><div aria-hidden="true" class="pointer-events-none absolute left-1/2 top-0 -z-10 h-60 w-[560px] max-w-none -translate-x-1/2 rounded-full bg-c-orange opacity-[0.10] blur-[120px]"></div><p class="text-xs text-c-orange">[ got an idea? ]</p><h2 class="mt-4 text-[clamp(1.5rem,3.5vw,2.25rem)] font-extrabold tracking-tight">Request a feature</h2><p class="mx-auto mt-4 max-w-md text-base leading-relaxed text-muted-foreground">Missing something? Tell us what would make StraVIBE better â we read every request.</p><div class="mx-auto mt-8 max-w-md"><form class="space-y-3 text-left"><input type="email" required="" placeholder="[email protected]" autoComplete="email" maxLength="254" class="w-full rounded-md border border-border bg-background px-4 py-2.5 text-sm outline-none focus:border-foreground" value=""/><input type="text" required="" placeholder="What should we build?" maxLength="120" class="w-full rounded-md border border-border bg-background px-4 py-2.5 text-sm outline-none focus:border-foreground" value=""/><textarea required="" placeholder="Tell us more about the featureâ¦" rows="4" maxLength="2000" class="w-full rounded-md border border-border bg-background px-4 py-2.5 text-sm outline-none focus:border-foreground resize-y"></textarea><button class="inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-accent text-accent-foreground hover:brightness-110 px-5 py-2.5 text-sm sm:text-base w-full" type="submit">Send feature request</button></form></div></div></div></div></section><!--$--><!--/$--></div></main><footer class="border-t border-border bg-background"><div class="mx-auto w-full max-w-6xl px-6 py-12"><div class="flex flex-col gap-10 sm:flex-row sm:justify-between"><div class="max-w-xs space-y-3"><a class="inline-flex items-center gap-2.5" href="/"><svg viewBox="0 0 24 24" class="shrink-0 size-7" role="img" aria-label="StraVIBE"><rect x="3" y="14" width="4" height="7" rx="1.4" class="fill-foreground/40"></rect><rect x="10" y="10" width="4" height="11" rx="1.4" class="fill-foreground/70"></rect><rect x="17" y="4.5" width="4" height="16.5" rx="1.4" class="fill-c-orange"></rect></svg><span class="text-xl font-extrabold tracking-tight"><span class="text-foreground">Stra</span><span class="text-c-orange">VIBE</span></span></a><p class="text-sm leading-relaxed text-muted-foreground">Strava for vibe coders. Track your AI coding usage and climb the leaderboard.</p></div><div class="flex gap-16"><div class="space-y-3"><h4 class="font-mono text-xs uppercase tracking-tight text-mute">Product</h4><ul class="space-y-2 text-sm"><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/leaderboard">Leaderboard</a></li><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/dashboard">Dashboard</a></li><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/pricing">Pricing</a></li><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/settings">API keys</a></li><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/#feature-request">Request a feature</a></li></ul></div><div class="space-y-3"><h4 class="font-mono text-xs uppercase tracking-tight text-mute">Get started</h4><ul class="space-y-2 text-sm"><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/login">Sign in with GitHub</a></li><li><a class="text-muted-foreground transition-colors hover:text-foreground" href="/settings">Connect the CLI</a></li><li><a href="https://open-vsx.org/extension/stravibe/stravibe-extension" target="_blank" rel="noreferrer" class="text-muted-foreground transition-colors hover:text-foreground">Cursor extension</a></li></ul></div></div></div><div class="mt-10 flex flex-col items-center justify-between gap-4 border-t border-border pt-6 text-sm text-mute sm:flex-row"><p>© 2026 StraVIBE. Built for vibe coders.</p><a href="https://github.com" target="_blank" rel="noreferrer" class="inline-flex items-center gap-2 transition-colors hover:text-foreground"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="size-4"><path d="M12 .5C5.73.5.5 5.74.5 12.02c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.88-1.54-3.88-1.54-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.71.08-.71 1.16.08 1.77 1.2 1.77 1.2 1.03 1.7
17 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.02 11.02 0 0 1 5.8 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.8-.01 3.18 0 .31.21.68.8.56A11.53 11.53 0 0 0 23.5 12.02C23.5 5.74 18.27.5 12 .5z"></path></svg>GitHub</a></div></div></footer>
1<script src="/_next/static/chunks/0iovihbvaq959.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[39756,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"default\"]\n4:I[98168,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0ejc1-gm8x1zd.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"default\"]\n5:I[37457,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"default\"]\n6:I[22016,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0h13u77lt0dx3.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"\"]\ne:I[68027,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"default\",1]\n10:I[37827,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0h13u77lt0dx3.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"Reveal\"]\n1d:I[97367,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"ViewportBoundary\"]\n1f:I[97367,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"MetadataBoundary\"]\n20:\"$Sreact.suspense\"\n2b:I[5014,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0h13u77lt0dx3.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"default\"]\n30:I[59638,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0h13u77lt0dx3.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"LeaderboardPreview\"]\n31:I[53492,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"/_next/static/chunks/0h13u77lt0dx3.js\",\"/_next/static/chunks/0u6ziittrh6iw.js\"],\"FeatureRequestForm\"]\n32:I[97367,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"OutletBoundary\"]\n3c:I[27201,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/01-dyx6hkheq4.css\",\"style\"]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/01-dyx6hkheq4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0cesun8vdtvru.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/059obd0i9-3y9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/15uv0cbfz5wb_.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"inter_fe8b9d92-module__LINzvG__variable space_grotesk_3c2f5918-module__qcjFrW__variable jetbrains_mono_7a552b5-module__KCzc7a__variable h-full\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var t=localStorage.getItem('theme');var d=t?t==='dark':true;document.documentElement.classList.toggle('dark',d);}catch(e){document.documentElement.classList.add('dark');}})();\"}}]}],[\"$\",\"body\",null,{\"className\":\"flex min-h-full flex-col\",\"children\":[\"$L2\",[\"$\",\"main\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0ejc1-gm8x1zd.js\",\"async\":true}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0u6ziittrh6iw.js\",\"async\":true}]],\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"border-t border-border bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6 py-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-10 sm:flex-row sm:justify-between\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-xs space-y-3\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2.5\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 size-7\",\"role\":\"img\",\"aria-label\":\"StraVIBE\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"14\",\"width\":\"4\",\"height\":\"7\",\"rx\":\"1.4\",\"className\":\"fill-foreground/40\"}],[\"$\",\"rect\",null,{\"x\":\"10\",\"y\":\"10\",\"width\":\"4\",\"height\":\"11\",\"rx\":\"1.4\",\"className\":\"fill-foreground/70\"}],[\"$\",\"rect\",null,{\"x\":\"17\",\"y\":\"4.5\",\"width\":\"4\",\"height\"
1:\"16.5\",\"rx\":\"1.4\",\"className\":\"fill-c-orange\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xl font-extrabold tracking-tight\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-foreground\",\"children\":\"Stra\"}],[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"VIBE\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"text-sm leading-relaxed text-muted-foreground\",\"children\":\"Strava for vibe coders. Track your AI coding usage and climb the leaderboard.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex gap-16\",\"children\":[[\"$\",\"div\",\"Product\",{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-mono text-xs uppercase tracking-tight text-mute\",\"children\":\"Product\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"Leaderboard\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/leaderboard\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Leaderboard\"}]}],[\"$\",\"li\",\"Dashboard\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/dashboard\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Dashboard\"}]}],\"$L7\",\"$L8\",\"$L9\"]}]]}],\"$La\"]}]]}],\"$Lb\"]}]}]]}]]}]]}],{\"children\":[\"$Lc\",{},null,false,null]},null,false,null],\"$Ld\",false]],\"m\":\"$undefined\",\"G\":[\"$e\",[\"$Lf\"]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"k3YZpQ-nw1UMLv0Z4bOO2\"}\n"])</script>
1<script>self.__next_f.push([1,"7:[\"$\",\"li\",\"Pricing\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/pricing\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Pricing\"}]}]\n8:[\"$\",\"li\",\"API keys\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/settings\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"API keys\"}]}]\n9:[\"$\",\"li\",\"Request a feature\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/#feature-request\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Request a feature\"}]}]\na:[\"$\",\"div\",\"Get started\",{\"className\":\"space-y-3\",\"children\":[[\"$\",\"h4\",null,{\"className\":\"font-mono text-xs uppercase tracking-tight text-mute\",\"children\":\"Get started\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"Sign in with GitHub\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/login\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Sign in with GitHub\"}]}],[\"$\",\"li\",\"Connect the CLI\",{\"children\":[\"$\",\"$L6\",null,{\"href\":\"/settings\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Connect the CLI\"}]}],[\"$\",\"li\",\"Cursor extension\",{\"children\":[\"$\",\"a\",null,{\"href\":\"https://open-vsx.org/extension/stravibe/stravibe-extension\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"text-muted-foreground transition-colors hover:text-foreground\",\"children\":\"Cursor extension\"}]}]]}]]}]\nb:[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-col items-center justify-between gap-4 border-t border-border pt-6 text-sm text-mute sm:flex-row\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2026 StraVIBE. Built for vibe coders.\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"inline-flex items-center gap-2 transition-colors hover:text-foreground\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"className\":\"size-4\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 .5C5.73.5.5 5.74.5 12.02c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.88-1.54-3.88-1.54-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.71.08-.71 1.16.08 1.77 1.2 1.77 1.2 1.03 1.7
17 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.02 11.02 0 0 1 5.8 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.8-.01 3.18 0 .31.21.68.8.56A11.53 11.53 0 0 0 23.5 12.02C23.5 5.74 18.27.5 12 .5z\"}]}],\"GitHub\"]}]]}]\n11:T713,"])</script>
1<script>self.__next_f.push([1,"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
10182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"])</script>
1<script>self.__next_f.push([1,"c:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"pointer-events-none absolute right-[-6%] top-[-8%] -z-10 h-[460px] w-[620px] max-w-none rounded-full bg-c-orange opacity-[0.13] blur-[150px]\"}],[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"bg-grid pointer-events-none absolute inset-0 -z-10 text-foreground/[0.04] [mask-image:radial-gradient(ellipse_at_top_right,black,transparent_72%)]\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6 py-16 sm:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid items-center gap-14 lg:grid-cols-[1.05fr_0.95fr]\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"$L10\",null,{\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-2 rounded border border-border bg-surface px-3 py-1 text-xs text-mute\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"//\"}],\" open-source · track your AI coding usage\"]}]}],[\"$\",\"$L10\",null,{\"delay\":0.05,\"children\":[\"$\",\"h1\",null,{\"className\":\"mt-6 text-[clamp(2.75rem,6vw,4.25rem)] font-extrabold leading-[1.02] tracking-tight\",\"children\":[\"Turn your AI\",[\"$\",\"br\",null,{}],\"usage into a \",[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"sport\"}],\".\"]}]}],[\"$\",\"$L10\",null,{\"delay\":0.1,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-6 max-w-md text-base leading-relaxed text-muted-foreground sm:text-lg\",\"children\":\"StraVIBE tracks every token your AI coding tools burn â Claude Code, Codex, Cursor and more. Grab the npm package or the Cursor extension, then climb the leaderboard.\"}]}],[\"$\",\"$L10\",null,{\"delay\":0.15,\"children\":[\"$\",\"div\",null,{\"className\":\"mt-8 flex flex-col gap-3 sm:flex-row\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/login\",\"className\":\"inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background bg-accent text-accent-foreground hover:brightness-110 px-5 py-2.5 text-sm sm:text-base\",\"children\":\"Get started\"}],[\"$\",\"$L6\",null,{\"href\":\"/leaderboard\",\"className\":\"inline-flex items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background border border-border bg-surface text-foreground hover:border-foreground
1/40 px-5 py-2.5 text-sm sm:text-base\",\"children\":\"View leaderboard â\"}]]}]}],[\"$\",\"$L10\",null,{\"delay\":0.18,\"children\":[\"$\",\"p\",null,{\"className\":\"mt-4 text-sm text-mute\",\"children\":[\"Coding in Cursor?\",\" \",[\"$\",\"a\",null,{\"href\":\"https://open-vsx.org/extension/stravibe/stravibe-extension\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"font-medium text-c-violet underline-offset-4 hover:underline\",\"children\":\"Get the Cursor extension â\"}]]}]}],[\"$\",\"$L10\",null,{\"delay\":0.2,\"children\":[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-wrap items-center gap-x-5 gap-y-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-mute\",\"children\":\"tracks\"}],[[\"$\",\"svg\",\"Claude Code\",{\"viewBox\":\"0 0 24 24\",\"className\":\"size-5 fill-mute transition-colors hover:fill-foreground\",\"aria-label\":\"Claude Code\",\"role\":\"img\",\"children\":[\"$\",\"path\",null,{\"d\":\"$11\"}]}],\"$L12\",\"$L13\"]]}]}]]}],\"$L14\"]}]}]]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\",\"$L19\"],[\"$L1a\",\"$L1b\"],\"$L1c\"]}]\n"])</script>
1<script>self.__next_f.push([1,"d:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"children\":\"$L1e\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L1f\",null,{\"children\":[\"$\",\"$20\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L21\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nf:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/01-dyx6hkheq4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n22:T5b4,"])</script>
1<script>self.__next_f.push([1,"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"])</script>
1<script>self.__next_f.push([1,"12:[\"$\",\"svg\",\"Codex\",{\"viewBox\":\"0 0 24 24\",\"className\":\"size-5 fill-mute transition-colors hover:fill-foreground\",\"aria-label\":\"Codex\",\"role\":\"img\",\"children\":[\"$\",\"path\",null,{\"d\":\"$22\"}]}]\n13:[\"$\",\"svg\",\"Cursor\",{\"viewBox\":\"0 0 24 24\",\"className\":\"size-5 fill-mute transition-colors hover:fill-foreground\",\"aria-label\":\"Cursor\",\"role\":\"img\",\"children\":[\"$\",\"path\",null,{\"d\":\"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"14:[\"$\",\"$L10\",null,{\"delay\":0.15,\"className\":\"relative\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-md lg:mr-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-lg border border-border bg-surface shadow-2xl shadow-black/30\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2 border-b border-border px-4 py-2.5\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-2.5 rounded-full bg-c-pink\"}],[\"$\",\"span\",null,{\"className\":\"size-2.5 rounded-full bg-c-amber\"}],[\"$\",\"span\",null,{\"className\":\"size-2.5 rounded-full bg-c-orange\"}],[\"$\",\"span\",null,{\"className\":\"ml-2 text-xs text-mute\",\"children\":\"~/midnight-ship â zsh\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5 border-b border-border px-3 py-2 text-xs\",\"children\":[[\"$\",\"span\",null,{\"className\":\"rounded bg-c-cyan/15 px-2 py-1 font-medium text-c-cyan\",\"children\":\"npm package\"}],[\"$\",\"a\",null,{\"href\":\"https://open-vsx.org/extension/stravibe/stravibe-extension\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"rounded px-2 py-1 font-medium text-mute transition-colors hover:bg-c-violet/15 hover:text-c-violet\",\"children\":\"Cursor extension\"}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-1 p-5 text-[13px] leading-[1.7]\",\"children\":[[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"$$\"}],\" npm i -g\",\" \",[\"$\",\"span\",null,{\"className\":\"text-c-cyan\",\"children\":\"stravibe\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"â\"}],\" installed stravibe\"]}],[\"$\",\"p\",null,{\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"$$\"}],\" npx\",\" \",[\"$\",\"span\",null,{\"className\":\"text-c-cyan\",\"children\":\"stravibe\"}],\" login\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"â\"}],\" linked github\",\" \",[\"$\",\"span\",null,{\"className\":\"text-c-violet\",\"children\":\"@vibecoder\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"â\"}],\" read\",\" \",[\"$\",\"span\",null,{\"className\":\"text-c-amber\",\"children\":\"claude-code · codex\"}],\" · auto-sync on\"]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-c-cyan\",\"children\":\"â\"}],\" synced 19.8M tokens · rank #1\",[\"$\",\"span\",null,{\"className\":\"ml-0.5 inline-block animate-pulse text-c-orange\",\"children\":\"â\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-12 -right-5 hidden w-60 rounded-lg border border-border bg-surface-2 p-4 shadow-2xl shadow-black/40 sm:block lg:-right-10\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-3 flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs text-mute\",\"children\":\"this week · tokens\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1.5 text-xs text-c-orange\",\"children\":[[\"$\",\"span\",null,{\"className\":\"size-1.5 animate-pulse rounded-full bg-c-orange\"}],\"live\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[[\"$\",\"li\",\"torvalds-jr\",{\"className\":\"flex items-center gap-2.5 text-xs\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-3 font-bold tabular-nums text-c-orange\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]\",\"aria-hidden\":true,\"children\":\"T\"}],[\"$\",\"span\",null,{\"className\":\"flex-1 truncate text-foreground\",\"children\":\"torvalds-jr\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums text-muted-foreground\",\"children\":\"48.2M\"}]]}],[\"$\",\"li\",\"vibecoder\",{\"className\":\"flex items-center gap-2.5 text-xs\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-3 font-bold tabular-nums text-c-cyan\",\"children\":2}],[\"$\",\"span\",null,{\"className\":\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]\",\"aria-hidden\":true,\"children\":\"V\"}],[\"$\",\"span\",null,{\"className\":\"flex-1 truncate text-foreground\",\"children\":\"vibecoder\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums text-muted-foreground\",\"children\":\"41.7M\"}]]}],\"$L23\"],\"$L24\"]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"25:T713,"])</script>
1<script>self.__next_f.push([1,"m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
10182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"])</script>
1<script>self.__next_f.push([1,"26:T5b4,"])</script>
1<script>self.__next_f.push([1,"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"section\",null,{\"className\":\"border-y border-border bg-surface/40\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6 py-10\",\"children\":[\"$\",\"$L10\",null,{\"className\":\"flex flex-col gap-10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-base text-mute\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-mute\",\"children\":\"// \"}],\"tracks usage across your whole stack\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap items-center gap-x-14 gap-y-8\",\"children\":[[[\"$\",\"div\",\"Claude Code\",{\"className\":\"group flex items-center gap-3.5\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"size-12 fill-muted-foreground transition-colors group-hover:fill-foreground\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"$25\"}]}],[\"$\",\"span\",null,{\"className\":\"text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground\",\"children\":\"Claude Code\"}]]}],[\"$\",\"div\",\"Codex\",{\"className\":\"group flex items-center gap-3.5\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"size-12 fill-muted-foreground transition-colors group-hover:fill-foreground\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"$26\"}]}],\"$L27\"]}],\"$L28\"],\"$L29\"]}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"16:[\"$\",\"section\",null,{\"className\":\"py-20 sm:py-28\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid gap-12 lg:grid-cols-2 lg:items-center lg:gap-16\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-2xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-4 text-xs font-medium tracking-[0.04em] text-c-orange\",\"children\":\"[ how it works ]\"}],[\"$\",\"h2\",null,{\"className\":\"text-[clamp(1.75rem,3.5vw,2.5rem)] font-extrabold leading-[1.1] tracking-tight\",\"children\":\"Two commands to the leaderboard\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-[60ch] text-base leading-relaxed text-muted-foreground\",\"children\":\"No dashboards to babysit. Install once, sign in once, and your AI coding stats track themselves.\"}]]}],[\"$\",\"ol\",null,{\"className\":\"mt-14 space-y-0\",\"children\":[[\"$\",\"li\",\"Install the npm package\",{\"className\":\"relative flex gap-5 sm:gap-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-9 shrink-0 items-center justify-center rounded-full border border-border text-sm font-bold tabular-nums text-c-orange\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"mt-1 w-px flex-1 bg-c-orange opacity-25\"}]]}],[\"$\",\"div\",null,{\"className\":\"pb-10\",\"children\":[[\"$\",\"code\",null,{\"className\":\"text-xs text-c-orange\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-mute\",\"children\":\"$$ \"}],\"npm i -g stravibe\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-2 text-xl font-bold tracking-tight\",\"children\":\"Install the npm package\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 max-w-md text-sm leading-relaxed text-muted-foreground\",\"children\":\"One npm install, zero config â the production leaderboard URL is baked in, so there's nothing to set up.\"}]]}]]}],[\"$\",\"li\",\"Sign in â that's it\",{\"className\":\"relative flex gap-5 sm:gap-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-9 shrink-0 items-center justify-center rounded-full border border-border text-sm font-bold tabular-nums text-c-cyan\",\"children\":2}],null]}],[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"code\",null,{\"className\":\"text-xs text-c-cyan\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-mute\",\"children\":\"$$ \"}],\"npx stravibe login\"]}],[\"$\",\"h3\",null,{\"className\":\"mt-2 text-xl font-bold tracking-tight\",\"children\":\"Sign in â that's it\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 max-w-md text-sm leading-relaxed text-muted-foreground\",\"children\":\"One sign-in with GitHub or email links your account, submits your last ~90 days, and turns on auto-sync so every future session counts automatically. No API keys, no dashboards to babysit.\"}]]}]]}]]}],[\"$\",\"a\",null,{\"href\":\"https://open-vsx.org/extension/stravibe/stravibe-extension\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"group mt-10 flex items-start gap-4 roun
1ded-lg border border-border bg-surface p-5 transition-colors hover:border-c-violet/60\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex size-9 shrink-0 items-center justify-center rounded-md bg-c-violet/15\",\"children\":[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"size-5 fill-c-violet\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23\"}]}]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-base font-bold tracking-tight\",\"children\":[\"Coding in Cursor?\",\" \",[\"$\",\"span\",null,{\"className\":\"text-c-violet group-hover:underline\",\"children\":\"Install the extension â\"}]]}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-sm leading-relaxed text-muted-foreground\",\"children\":\"Skip the npm package â the StraVIBE for Cursor extension on Open VSX links your account and syncs your Cursor usage from the status bar. Run it alongside the npm package and it all adds up.\"}]]}]]}]]}],\"$L2a\"]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"17:[\"$\",\"section\",null,{\"className\":\"py-20 sm:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-2xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-4 text-xs font-medium tracking-[0.04em] text-c-violet\",\"children\":\"// features\"}],[\"$\",\"h2\",null,{\"className\":\"text-[clamp(1.75rem,3.5vw,2.5rem)] font-extrabold leading-[1.1] tracking-tight\",\"children\":\"Everything you need to compete\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-[60ch] text-base leading-relaxed text-muted-foreground\",\"children\":\"Built for developers who treat shipping like a sport.\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"$L10\",\"Public leaderboard\",{\"delay\":0,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-orange/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-orange/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978\",\"key\":\"1n3hpd\"}],[\"path\",{\"d\":\"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978\",\"key\":\"rfe1zi\"}],[\"path\",{\"d\":\"M18 9h1.5a1 1 0 0 0 0-5H18\",\"key\":\"7xy6bh\"}],[\"path\",{\"d\":\"M4 22h16\",\"key\":\"57wxv0\"}],[\"path\",{\"d\":\"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z\",\"key\":\"1mhfuq\"}],[\"path\",{\"d\":\"M6 9H4.5a1 1 0 0 1 0-5H6\",\"key\":\"tex48p\"}]],\"className\":\"lucide-trophy size-5 text-c-orange\",\"strokeWidth\":2}]}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Public leaderboard\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"Ranked by tokens generated across every signed-in account. Bragging rights included.\"}]]}]}],[\"$\",\"$L10\",\"Personal dashboard\",{\"delay\":0.08,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-violet/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-violet/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M3 3v16a2 2 0 0 0 2 2h16\",\"key\":\"c24i48\"}],[\"path\",{\"d\":\"M18 17V9\",\"key\":\"2bz60n\"}],[\"path\",{\"d\":\"M13 17V5\",\"key\":\"1frdt8\"}],[\"path\",{\"d\":\"M8 17v-3\",\"key\":\"17ska0\"}]],\"className\":\"lucide-chart-column size-5 text-c-violet\",\"strokeWidth\":2}]}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Personal dashboard\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"Your usage over time with a per-platform breakdown and streaks, all in one place.\"}]]}]}],[\"$\",\"$L10\",\"Multi-tool tracking\",{\"delay\":0.16,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-cyan/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-cyan/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\",\"key\":\"zw3jo\"}],[\"path\",{\"d\":\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\",\"key\":\"1wduqc\"}],[\"path\",{\"d\":\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\",\"key\":\"kqbvx6\"}]],\"className\":\"lucide-layers size-5 text-c-cyan\",\"strokeWidth\":2}]}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Multi-tool tracking\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"Claude Code, Codex, and whatever you adopt next â one unified view via pluggable collectors.\"}]]}]}],[\"$\",\"$L10\",\"Token insights\",{\"delay\":0,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-amber/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-amber/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M13.744 17.736a6 6 0 1 1-7.48-7.48\",\"key\":\"bq4yh3\"}],[\"path\",{\"d\":\"M15 6h1v4\",\"key\":\"11y1tn\"}],[\"path\",{\"d\":\"m6.134 14.768.866-.5 2 3.464\",\"key\":\"17snzx\"}],[\"circle\",{\"cx\":\"16\",\"cy\":\"8\",\"r\":\"6\",\"key\":\"14bfc9\"}]],\"className\":\"lucide-coins size-5 text-c-amber\",\"strokeWidth\":2}]}],\"$L2c\",\"$L2d\"]}]}],\"$L2e\",\"$L2f\"]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"$L30\",null,{}]\n19:[\"$\",\"section\",null,{\"id\":\"feature-request\",\"className\":\"scroll-mt-24 py-20 sm:py-24\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6\",\"children\":[\"$\",\"$L10\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-xl overflow-hidden rounded-lg border border-border bg-surface px-6 py-12 text-center sm:px-12\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":true,\"className\":\"pointer-events-none absolute left-1/2 top-0 -z-10 h-60 w-[560px] max-w-none -translate-x-1/2 rounded-full bg-c-orange opacity-[0.10] blur-[120px]\"}],[\"$\",\"p\",null,{\"className\":\"text-xs text-c-orange\",\"children\":\"[ got an idea? ]\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 text-[clamp(1.5rem,3.5vw,2.25rem)] font-extrabold tracking-tight\",\"children\":\"Request a feature\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mt-4 max-w-md text-base leading-relaxed text-muted-foreground\",\"children\":\"Missing something? Tell us what would make StraVIBE better â we read every request.\"}],[\"$\",\"div\",null,{\"className\":\"mx-auto mt-8 max-w-md\",\"children\":[\"$\",\"$L31\",null,{}]}]]}]}]}]}]\n1a:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0h13u77lt0dx3.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1b:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0u6ziittrh6iw.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n1c:[\"$\",\"$L32\",null,{\"children\":[\"$\",\"$20\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@33\"}]}]\n23:[\"$\",\"li\",\"shipfast\",{\"className\":\"flex items-center gap-2.5 text-xs\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-3 font-bold tabular-nums text-c-amber\",\"children\":3}],[\"$\",\"span\",null,{\"className\":\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]\",\"aria-hidden\":true,\"children\":\"S\"}],[\"$\",\"span\",null,{\"className\":\"flex-1 truncate text-foreground\",\"children\":\"shipfast\"}],[\"$\",\"span\",null,{\"className\":\"tabular-nums text-muted-foreground\",\"children\":\"36.9M\"}]]}]\n24:[\"$\",\"li\",null,{\"className\":\"flex items-center gap-2.5 rounded border border-c-orange/40 bg-c-orange/10 px-2 py-1.5 text-xs\",\"children\":[[\"$\",\"span\",null,{\"className\":\"w-3 font-bold tabular-nums text-c-orange\",\"children\":\"4\"}],[\"$\",\"span\",null,{\"className\":\"inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-border bg-surface-2 font-mono font-medium text-foreground size-5 text-[10px]\",\"aria-hidden\":true,\"children\":\"Y\"}],[\"$\",\"span\",null,{\"className\":\"flex-1 truncate font-bold text-foreground\",\"children\":\"you\"}],[\"$\",\"span\",null,{\"className\":\"flex items-center gap-1 font-bold tabular-nums text-c-orange\",\"children\":\"â2\"}]]}]\n27:[\"$\",\"span\",null,{\"className\":\"text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground\",\"children\":\"Codex\"}]\n28:[\"$\",\"div\",\"Cursor\",{\"className\":\"group flex items-center gap-3.5\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"size-12 fill-muted-foreground transition-colors group-hover:fill-foreground\",\"aria-hidden\":true,\"children\":[\"$\",\"path\",null,{\"d\":\"M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23\"}]}],[\"$\",\"span\",null,{\"className\":\"text-2xl font-medium text-muted-foreground transition-colors group-hover:text-foreground\",\"children\":\"Cursor\"}]]}]\n29:[\"$\",\"span\",null,{\"className\":\"text-2xl font-medium text-mute\",\"children\":\"+ more\"}]\n"])</script>
1<script>self.__next_f.push([1,"2a:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"mb-2 text-center text-xs font-medium tracking-[0.04em] text-c-pink lg:text-left\",\"children\":\"[ bonus ]\"}],[\"$\",\"h3\",null,{\"className\":\"mb-1 text-center text-xl font-bold tracking-tight lg:text-left\",\"children\":\"Then flex it\"}],[\"$\",\"p\",null,{\"className\":\"mx-auto mb-8 max-w-sm text-center text-sm leading-relaxed text-muted-foreground lg:mx-0 lg:text-left\",\"children\":\"Every sync mints a Spotify-Wrapped-style card â pick a vibe, drop your photo, and post your rank to the timeline.\"}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto flex max-w-sm items-center justify-center py-6 lg:py-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 -z-10 rounded-full bg-c-violet/20 blur-3xl\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-2xl border border-white/10 shadow-2xl share-bg-sunset absolute left-2 top-6 w-56 rotate-6 opacity-80 blur-[0.5px] sm:w-60\",\"aria-hidden\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-[4/5] w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-b from-black/30 via-black/15 to-black/75\"}],[\"$\",\"div\",null,{\"className\":\"absolute right-2.5 top-9 -rotate-6\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-block rounded bg-white px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wide text-black shadow-lg\",\"children\":\"ð¥ TOP 10\"}]}],[\"$\",\"div\",null,{\"className\":\"relative flex h-full flex-col p-4 text-white [text-shadow:0_1px_10px_rgba(0,0,0,0.45)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-display text-sm font-bold tracking-tight\",\"children\":\"StraVIBE\"}],[\"$\",\"span\",null,{\"className\":\"text-[8px] font-semibold uppercase tracking-[0.2em] text-white/80\",\"children\":\"⦠AI wrapped\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 44 44\",\"className\":\"size-9 shrink-0\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"22\",\"cy\":\"22\",\"r\":18,\"fill\":\"none\",\"stroke\":\"rgba(255,255,255,0.25)\",\"strokeWidth\":\"3.5\"}],[\"$\",\"circle\",null,{\"cx\":\"22\",\"cy\":\"22\",\"r\":18,\"fill\":\"none\",\"stroke\":\"rgba(255,255,255,0.95)\",\"strokeWidth\":\"3.5\",\"strokeLinecap\":\"round\",\"strokeDasharray\":113.09733552923255,\"strokeDashoffset\":36.19114736935441,\"transform\":\"rotate(-90 22 22)\"}],[\"$\",\"text\",null,{\"x\":\"22\",\"y\":\"20\",\"textAnchor\":\"middle\",\"fontSize\":\"6.5\",\"fontWeight\":\"700\",\"fill\":\"rgba(255,255,255,0.7)\",\"children\":\"LVL\"}],[\"$\",\"text\",null,{\"x\":\"22\",\"y\":\"31\",\"textAnchor\":\"middle\",\"fontSize\":\"12\",\"fontWeight\":\"800\",\"fill\":\"#fff\",\"children\":41}]]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2 py-0.5 text-[10px] font-bold backdrop-blur-sm\",\"children\":\"ð§ Prompt Wizard\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-display text-3xl font-bold leading-none tabular-nums\",\"children\":\"32.7M\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-[9px] font-semibold uppercase tracking-[0.2em] text-white/80\",\"children\":\"ð¥ tokens cooked · in + out\"}]]}],false,[\"$\",\"p\",null,{\"className\":\"mt-1 text-[8px] text-white/50\",\"children\":\"stravibe · strava for vibe coders\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-2xl border border-white/10 shadow-2xl share-bg-vaporwave relative -rotate-3 w-64 animate-[float_7s_ease-in-out_infinite] sm:w-72\",\"aria-hidden\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"relative aspect-[4/5] w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-gradient-to-b from-black/30 via-black/15 to-black/75\"}],[\"$\",\"div\",null,{\"className\":\"absolute right-2.5 top-9 -rotate-6\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-block rounded bg-white px-2 py-0.5 text-[10px] font-extrabold uppercase tracking-wide text-black shadow-lg\",\"children\":\"ð PODIUM\"}]}],[\"$\",\"div\",null,{\"className\":\"relative flex h-full flex-col p-4 text-white [text-shadow:0_1px_10px_rgba(0,0,0,0.45)]\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between\",\"children\":[\"$L34\",\"$L35\"]}],\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\"]}]]}]}],\"$L3b\"]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Token insights\"}]\n2d:[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"See exactly how many tokens you burn, broken down by model, tool, and day.\"}]\n2e:[\"$\",\"$L10\",\"Private by design\",{\"delay\":0.08,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-pink/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-pink/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\",\"key\":\"oel41y\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\",\"key\":\"dzmm74\"}]],\"className\":\"lucide-shield-check size-5 text-c-pink\",\"strokeWidth\":2}]}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Private by design\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"Only token counts leave your machine â never prompts, code, or file paths. Sign in with GitHub; delete your data any time.\"}]]}]}]\n2f:[\"$\",\"$L10\",\"Zero-friction sync\",{\"delay\":0.16,\"children\":[\"$\",\"div\",null,{\"className\":\"h-full rounded-lg border border-border bg-surface p-6 transition-colors hover:border-c-orange/60\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex size-10 items-center justify-center rounded-md bg-c-orange/15\",\"children\":[\"$\",\"$L2b\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\"key\":\"1xq2db\"}]],\"className\":\"lucide-zap size-5 text-c-orange\",\"strokeWidth\":2}]}],[\"$\",\"h3\",null,{\"className\":\"mt-5 text-base font-bold\",\"children\":\"Zero-friction sync\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm leading-relaxed text-muted-foreground\",\"children\":\"A SessionEnd hook pushes your usage in the background. Install it once, then forget it exists.\"}]]}]}]\n34:[\"$\",\"span\",null,{\"className\":\"font-display text-sm font-bold tracking-tight\",\"children\":\"StraVIBE\"}]\n35:[\"$\",\"span\",null,{\"className\":\"text-[8px] font-semibold uppercase tracking-[0.2em] text-white/80\",\"children\":\"⦠AI wrapped\"}]\n36:[\"$\",\"div\",null,{\"className\":\"mt-3 flex items-center gap-2\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 44 44\",\"className\":\"size-9 shrink-0\",\"children\":[[\"$\",\"circle\",null,{\"cx\":\"22\",\"cy\":\"22\",\"r\":18,\"fill\":\"none\",\"stroke\":\"rgba(255,255,255,0.25)\",\"strokeWidth\":\"3.5\"}],[\"$\",\"circle\",null,{\"cx\":\"22\",\"cy\":\"22\",\"r\":18,\"fill\":\"none\",\"stroke\":\"rgba(255,255,255,0.95)\",\"strokeWidth\":\"3.5\",\"strokeLinecap\":\"round\",\"strokeDasharray\":113.09733552923255,\"strokeDashoffset\":36.19114736935441,\"transform\":\"rotate(-90 22 22)\"}],[\"$\",\"text\",null,{\"x\":\"22\",\"y\":\"20\",\"textAnchor\":\"middle\",\"fontSize\":\"6.5\",\"fontWeight\":\"700\",\"fill\":\"rgba(255,255,255,0.7)\",\"children\":\"LVL\"}],[\"$\",\"text\",null,{\"x\":\"22\",\"y\":\"31\",\"textAnchor\":\"middle\",\"fontSize\":\"12\",\"fontWeight\":\"800\",\"fill\":\"#fff\",\"children\":27}]]}],[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1 rounded-full bg-white/15 px-2 py-0.5 text-[10px] font-bold backdrop-blur-sm\",\"children\":\"ð Vibe Coder\"}]]}]\n37:[\"$\",\"div\",null,{\"className\":\"flex-1\"}]\n38:[\"$\",\"div\",null,{\"children\":[[\"$\",\"p\",null,{\"className\":\"font-display text-3xl font-bold leading-none tabular-nums\",\"children\":\"18.4M\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-[9px] font-semibold uppercase tracking-[0.2em] text-white/80\",\"children\":\"ð¥ tokens cooked · in + out\"}]]}]\n39:[\"$\",\"p\",null,{\"className\":\"mt-3 text-[9px] font-medium text-white/70\",\"children\":\"powered by ð¤ Claude Opus 4.8\"}]\n3a:[\"$\",\"p\",null,{\"className\":\"mt-1 text-[8px] text-white/50\",\"children\":\"stravibe · strava for vibe coders\"}]\n3b:[\"$\",\"span\",null,{\"className\":\"absolute -bottom-1 right-2 z-10 -rotate-2 roun
1ded-md bg-foreground px-2.5 py-1 text-xs font-extrabold uppercase tracking-wide text-background shadow-lg\",\"chi"])</script>
1<script>self.__next_f.push([1,"ldren\":\"⦠share your wrapped\"}]\n1e:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n21:[[\"$\",\"title\",\"0\",{\"children\":\"StraVIBE â Strava for vibe coders\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Track your AI coding usage across Claude, Cursor, Codex and more. Climb the leaderboard.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.0h0xfol.iaake.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"$L3c\",\"3\",{}]]\n33:null\n"])</script>
1<script>self.__next_f.push([1,"3d:I[97969,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"DesktopNav\"]\n3e:I[15484,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"ThemeToggle\"]\n3f:I[65542,[\"/_next/static/chunks/0cesun8vdtvru.js\",\"/_next/static/chunks/059obd0i9-3y9.js\",\"/_next/static/chunks/15uv0cbfz5wb_.js\"],\"MobileNav\"]\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"header\",null,{\"className\":\"sticky top-0 z-50 border-b border-border bg-background/85 backdrop-blur-md\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto w-full max-w-6xl px-6\",\"children\":[\"$\",\"nav\",null,{\"className\":\"flex h-16 items-center justify-between gap-6\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center gap-2.5\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"className\":\"shrink-0 size-7\",\"role\":\"img\",\"aria-label\":\"StraVIBE\",\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"14\",\"width\":\"4\",\"height\":\"7\",\"rx\":\"1.4\",\"className\":\"fill-foreground/40\"}],[\"$\",\"rect\",null,{\"x\":\"10\",\"y\":\"10\",\"width\":\"4\",\"height\":\"11\",\"rx\":\"1.4\",\"className\":\"fill-foreground/70\"}],[\"$\",\"rect\",null,{\"x\":\"17\",\"y\":\"4.5\",\"width\":\"4\",\"height\":\"16.5\",\"rx\":\"1.4\",\"className\":\"fill-c-orange\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xl font-extrabold tracking-tight\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-foreground\",\"children\":\"Stra\"}],[\"$\",\"span\",null,{\"className\":\"text-c-orange\",\"children\":\"VIBE\"}]]}]]}],[\"$\",\"$L3d\",null,{\"links\":[{\"href\":\"/\",\"label\":\"Home\"},{\"href\":\"/leaderboard\",\"label\":\"Leaderboard\"},{\"href\":\"/dashboard\",\"label\":\"Dashboard\"},{\"href\":\"/pricing\",\"label\":\"Pricing\"},{\"href\":\"/settings\",\"label\":\"Settings\"}]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"$L3e\",null,{}],[\"$\",\"$L6\",null,{\"href\":\"/login\",\"className\":\"items-center justify-center gap-2 rounded-md font-bold transition-all disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background border border-border bg-surface text-foreground hover:border-foreground
1/40 px-4 py-2 text-sm hidden sm:inline-flex\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"fill\":\"currentColor\",\"aria-hidden\":true,\"className\":\"size-4\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 .5C5.73.5.5 5.74.5 12.02c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.56 0-.28-.01-1.02-.02-2-3.2.7-3.88-1.54-3.88-1.54-.53-1.34-1.29-1.7-1.29-1.7-1.05-.72.08-.71.08-.71 1.16.08 1.77 1.2 1.77 1.2 1.03 1.77 2.7 1.26 3.36.96.1-.75.4-1.26.73-1.55-2.55-.29-5.24-1.28-5.24-5.69 0-1.26.45-2.29 1.19-3.1-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.18a11.02 11.02 0 0 1 5.8 0c2.21-1.49 3.18-1.18 3.18-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.84 1.19 3.1 0 4.42-2.69 5.39-5.25 5.68.41.36.78 1.06.78 2.14 0 1.55-.01 2.8-.01 3.18 0 .31.21.68.8.56A11.53 11.53 0 0 0 23.5 12.02C23.5 5.74 18.27.5 12 .5z\"}]}],\"Sign in\"]}],[\"$\",\"$L3f\",null,{\"links\":\"$2:props:children:props:children:props:children:1:props:links\",\"isSignedIn\":false}]]}]]}]}]}]\n"])</script>
1</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.