https://octocounts.com/extension

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
6    <meta name="description" content="Install the OctoCounts browser extension for Chrome, Edge, or Firefox to see source lines of code — files, code, comments, blanks, and per-language totals — directly in the GitHub repository sidebar." />
7    <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1" />
8    <meta name="application-name" content="OctoCounts" />
9    <meta name="apple-mobile-web-app-title" content="OctoCounts" />
10    <meta name="keywords" content="SLOC counter, GitHub line count, source lines of code, count lines of code, tokei web app, repository size, code metrics" />
11    <meta name="theme-color" content="#151d1a" />
12    <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f2eee4" />
13    <link rel="canonical" href="https://octocounts.com/extension" />
14    <link rel="alternate" type="text/plain" href="https://octocounts.com/llms.txt" title="OctoCounts LLM summary" />
15    <link rel="help" href="https://octocounts.com/docs/github-sloc-counter" />
16    <link rel="icon" href="/favicon.ico" sizes="any" />
17    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
18    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
19    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
20    <link rel="manifest" href="/site.webmanifest" />
21    <link rel="preconnect" href="https://api.octocounts.com" crossorigin />
22    <link rel="preload" as="font" href="/fonts/jetbrains-mono-800-latin.woff2" type="font/woff2" crossorigin />
23    <link rel="preload" as="font" href="/fonts/jetbrains-mono-700-latin.woff2" type="font/woff2" crossorigin />
24    

24<script>{let t=null;try{t=localStorage.getItem("octocounts.theme")}catch{}document.documentElement.dataset.scheme="matrix"===t||"paper"===t?t:matchMedia("(prefers-color-scheme: dark)").matches?"matrix":"paper"}try{const p=new URLSearchParams(location.search),l=p.get("lng")||localStorage.getItem("i18nextLng")||navigator.language.split("-")[0];if(l&&l!=="en")document.documentElement.lang=l}catch{}</script>

24
25    

25<script defer src="https://cloud.umami.is/script.js" data-website-id="4f3a87a4-fd4c-4dc5-8959-8fcf93e858c7"></script>

25
26    <!-- Open Graph -->
27    <meta property="og:type" content="website" />
28    <meta property="og:url" content="https://octocounts.com/extension" />
29    <meta property="og:site_name" content="OctoCounts" />
30    <meta property="og:locale" content="en_US" />
31    <meta property="og:title" content="OctoCounts GitHub Line Counter Extension for Chrome, Edge &amp; Firefox | OctoCounts" />
32    <meta property="og:description" content="Install the OctoCounts browser extension for Chrome, Edge, or Firefox to see source lines of code — files, code, comments, blanks, and per-language totals — directly in the GitHub repository sidebar." />
33    <meta property="og:image" content="https://octocounts.com/og-image.jpg" />
34    <meta property="og:image:alt" content="OctoCounts source line count report preview" />
35    <meta property="og:image:width" content="1200" />
36    <meta property="og:image:height" content="630" />
37    <!-- Twitter Card -->
38    <meta name="twitter:card" content="summary_large_image" />
39    <meta name="twitter:title" content="OctoCounts GitHub Line Counter Extension for Chrome, Edge &amp; Firefox | OctoCounts" />
40    <meta name="twitter:description" content="Install the OctoCounts browser extension for Chrome, Edge, or Firefox to see source lines of code — files, code, comments, blanks, and per-language totals — directly in the GitHub repository sidebar." />
41    <meta name="twitter:image" content="https://octocounts.com/og-image.jpg" />
42    <title>OctoCounts GitHub Line Counter Extension for Chrome, Edge &amp; Firefox | OctoCounts</title>
43    <!-- No aggregateRating here: Google's structured-data policy requires a
44         rating asserted on a page to be visibly displayed on that same page,
45         and octocounts.com has no rating UI. The real 5.0/118 figure lives on
46         the Chrome Web Store listing itself (linked via downloadUrl/sameAs
47         below) — assert it there, not here. -->
48    

48<script type="module" crossorigin src="/assets/index-DanONFSR.js"></script>

48
49    <link rel="modulepreload" crossorigin href="/assets/vendor-react-QBdHTLhB.js">
50    <link rel="modulepreload" crossorigin href="/assets/vendor-query-DvxQDmy6.js">
51    <link rel="modulepreload" crossorigin href="/assets/vendor-i18n-D25i1uPq.js">
52    <link rel="stylesheet" crossorigin href="/assets/index-GpF5g-Bf.css">
53  

53<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://octocounts.com/extension#webpage","name":"OctoCounts GitHub Line Counter Extension for Chrome, Edge & Firefox | OctoCounts","description":"Install the OctoCounts browser extension for Chrome, Edge, or Firefox to see source lines of code — files, code, comments, blanks, and per-language totals — directly in the GitHub repository sidebar.","url":"https://octocounts.com/extension"},{"@type":"SoftwareApplication","@id":"https://octocounts.com/extension#extension","name":"OctoCounts – GitHub SLOC & Code Statistics","operatingSystem":"Chrome, Edge, Firefox","applicationCategory":"BrowserApplication","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"url":"https://chromewebstore.google.com/detail/octocounts-%E2%80%94-github-sloc/gkgjpjdnaklagijmekoolhcpebmoldbj","downloadUrl":"https://chromewebstore.google.com/detail/octocounts-%E2%80%94-github-sloc/gkgjpjdnaklagijmekoolhcpebmoldbj","screenshot":"https://octocounts.com/og-image.jpg","description":"Install the OctoCounts browser extension for Chrome, Edge, or Firefox to see source lines of code — files, code, comments, blanks, and per-language totals — directly in the GitHub repository sidebar.","author":{"@type":"Person","@id":"https://github.com/huanglizhuo","name":"huanglizhuo","url":"https://github.com/huanglizhuo"}},{"@type":"FAQPage","@id":"https://octocounts.com/extension#faq","mainEntity":[{"@type":"Question","name":"Why does the SLOC card not appear on a repository page?","acceptedA

53nswer":{"@type":"Answer","text":"The card renders on public GitHub repository pages. It does not appear on private repositories (OctoCounts analyzes public repositories only), non-repository pages, or while GitHub ships layout changes. Reload the page first; if the card is still missing on a public repository, check the extension is enabled and report the GitHub URL via the OctoCounts repository."}},{"@type":"Question","name":"Are the numbers live or cached?","acceptedAnswer":{"@type":"Answer","text":"Counts are cached by repository and ref, and each report is pinned to the exact commit that was counted, so the same page shows the same numbers until the repository moves on and the cache refreshes. The full panel shows the commit the count comes from."}},{"@type":"Question","name":"Which browsers are supported?","acceptedAnswer":{"@type":"Answer","text":"Chrome, Edge, and Firefox, via their official extension stores. The extension source code is open and publicly available."}}]}]}</script>

53
54<link rel="alternate" type="text/markdown" href="https://octocounts.com/extension.md" />
55</head>
56  <body>
57    <div id="root"><section><h1>See GitHub code statistics in your browser</h1><p>OctoCounts is a free browser extension that adds a SLOC (source lines of code) card to public GitHub repository pages. The card shows the repository&#39;s total line count at a glance; clicking it opens a full panel with files, code lines, comment lines, blank lines, and a per-language breakdown — the same counts the OctoCounts web app produces with tokei, pinned to an exact commit.</p><p><a href="https://chromewebstore.google.com/detail/octocounts-%E2%80%94-github-sloc/gkgjpjdnaklagijmekoolhcpebmoldbj" data-store="chrome" data-placement="extension_page" rel="noreferrer">Install OctoCounts from Chrome Web Store</a> <a href="https://microsoftedge.microsoft.com/addons/detail/octocounts-%E2%80%93-github-sloc-/ehifednhpbpekkadndaipnngopbhpoim" data-store="edge" data-placement="extension_page" rel="noreferrer">Install OctoCounts from Microsoft Edge Add-ons</a> <a href="https://addons.mozilla.org/en-US/firefox/addon/octocounts-github-sloc/" data-store="firefox" data-placement="extension_page" rel="noreferrer">Install OctoCounts from Firefox Add-ons</a></p><h2>Install in three steps</h2><ol><li>Install OctoCounts from the Chrome Web Store, Microsoft Edge Add-ons, or Firefox Add-ons — one click, no account.</li><li>Open any public GitHub repository page in your browser.</li><li>The SLOC card appears in the repository sidebar automatically. Click it to open the full panel with the per-language line breakdown.</li></ol><h2>Permissions and data handling</h2><p>The extension reads the public GitHub repository page you are viewing to detect the owner and repository name, and runs the count against public data through the OctoCounts API. It does not request GitHub account access, needs no API token, works on public repositories only, and collects no personal data. Results are cached locally and by repository and ref so repeat visits load instantly.</p><h2>Supported repositories</h2><p>Public GitHub repositories. Private repositories and source-code uploads are not supported; to count private code, run <a href="https://github.com/XAMPPRocky/tokei">tokei</a> locally.</p><h2>Extension FAQ</h2><h3>Why does the SLOC card not appear on a repository page?</h3><p>The card renders on public GitHub repository pages. It does not appear on private repositories (OctoCounts analyzes public repositories only), non-repository pages, or while GitHub ships layout changes. Reload the page first; if the card is still missing on a public repository, check the extension is enabled and report the GitHub URL via the OctoCounts repository.</p><h3>Are the numbers live or cached?</h3><p>Counts are cached by repository and ref, and each report is pinned to the exact commit that was counted, so the same page shows the same numbers until the repository moves on and the cache refreshes. The full panel shows the commit the count comes from.</p><h3>Which browsers are supported?</h3><p>Chrome, Edge, and Firefox, via their official extension stores. The extension source code is open and publicly available.</p><p>Extension source code: <a href="https://github.com/huanglizhuo/OctoCounts" rel="noreferrer">https://github.com/huanglizhuo/OctoCounts</a>.</p><nav aria-label="Related OctoCounts pages"><ul>
58    <li><a href="/">OctoCounts web app: count any public GitHub repository</a></li>
59    <li><a href="/compare">Compare two repositories</a></li>
60    <li><a href="/badges">GitHub SLOC badges for your README</a></li>
61    <li><a href="/docs/github-sloc-counter">GitHub SLOC counter guide</a></li>
62    <li><a href="/docs/methodology">Counting methodology</a></li>
63    <li><a href="/docs/api">OctoCounts API docs</a></li>
64  </ul></nav></section></div>
65    <!-- Cloudflare Pages Analytics -->

65<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "

6571af94b0ca2c4711a817b0cb99d9eb5b

65"}'></script>

65<!-- Cloudflare Pages Analytics -->

65<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4024f63ae33d2e5',t:'MTc5MDI1ODM3MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>

65<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"236ed5144ce44b0c9b780a2b74cdf95f","r":1,"spa":2}' crossorigin="anonymous"></script>

65
66</body>
67</html>