RitualDev-Lab · divyanshujethi · Sep 28, 2026 · Sep 28, 2026
diff --git a/scripts/generate-seo.ts b/scripts/generate-seo.ts
@@ -134,11 +134,16 @@ async function generateSeo() {
   <meta property="og:title" content="${pageTitle}">
   <meta property="og:description" content="${desc}">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="${pageTitle}">
   <meta name="twitter:description" content="${desc}">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/app.js b/site/app.js
@@ -202,6 +202,9 @@ function updateStatsAndPills(data) {
   setElText("pill-count-cloud", cloudCount);
   setElText("pill-count-perks", perksCount);
   setElText("pill-count-contributors", contributorsCount);
+
+  // Hero CTA count
+  setElText("hero-total-count", total);
 }
 
 function setElText(id, val) {

diff --git a/site/index.html b/site/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>DevShelf — The Crowdsourced Zero-Paywall Developer Directory</title>
-  <meta name="description" content="Discover 512 verified developer tools, open-source GitHub repositories, free public APIs, 1-click cloud boilerplates, and developer perks with zero paywalls.">
+  <meta name="description" content="Discover 500+ verified developer tools, open-source GitHub repositories, free public APIs, 1-click cloud boilerplates, and developer perks with zero paywalls.">
   <link rel="canonical" href="https://devshelf.ritualdev.in/">
 
   <!-- OpenGraph / Social Meta -->
@@ -13,9 +13,16 @@
   <meta property="og:title" content="DevShelf — Zero-Paywall Developer Ecosystem">
   <meta property="og:description" content="Discover hand-curated developer tools, verified open-source repos, free APIs, and startup perks with zero credit-card traps.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="DevShelf — 500+ free developer tools, APIs, and boilerplates with zero paywalls">
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="DevShelf — The Crowdsourced Developer Directory">
   <meta name="twitter:description" content="Curated developer tools, GitHub repositories, free APIs & perks. 100% free tiers, automated health checks.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+
 
   <!-- Preconnect & Fonts with display=swap -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -125,7 +132,7 @@ <h1 class="text-4xl sm:text-6xl font-extrabold tracking-tight text-white mb-5 le
           <span class="liquid-metal-icon-pill">
             <span class="text-sm">✨</span>
           </span>
-          <span class="liquid-metal-text text-xs sm:text-sm">Explore 512 Curated Resources</span>
+          <span class="liquid-metal-text text-xs sm:text-sm">Explore <span id="hero-total-count">500+</span> Curated Resources</span>
           <span class="liquid-metal-arrow text-cyan-400">↓</span>
         </div>
       </a>
@@ -289,7 +296,7 @@ <h3 class="text-xs font-extrabold uppercase tracking-wider text-purple-200 font-
     <div class="flex items-center flex-wrap gap-2 text-xs font-bold mb-3" id="category-pills">
       <button data-category="all" class="category-pill active px-3.5 py-2 rounded-xl transition flex items-center space-x-1.5">
         <span>All Items</span>
-        <span class="px-1.5 py-0.5 rounded-full text-[10px] bg-purple-900 text-purple-200 font-mono" id="pill-count-all">512</span>
+        <span class="px-1.5 py-0.5 rounded-full text-[10px] bg-purple-900 text-purple-200 font-mono" id="pill-count-all">…</span>
       </button>
       <button data-category="repo" class="category-pill px-3.5 py-2 rounded-xl transition flex items-center space-x-1.5">
         <span>🐙 GitHub Repos</span>

diff --git a/site/og-image.jpg b/site/og-image.jpg
diff --git a/site/tools/1password-for-open-source.html b/site/tools/1password-for-open-source.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="1Password for Open Source - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Free 1Password Teams accounts for open-source project maintainers to securely share secrets and API tokens.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="1Password for Open Source - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Free 1Password Teams accounts for open-source project maintainers to securely share secrets and API tokens.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/7timer.html b/site/tools/7timer.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="7Timer! - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Completely free meteorological forecasting web service based on NOAA GFS numerical models with zero auth.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="7Timer! - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Completely free meteorological forecasting web service based on NOAA GFS numerical models with zero auth.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/act.html b/site/tools/act.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="act - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Run your GitHub Actions locally inside Docker containers for fast, offline CI/CD pipeline iteration.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="act - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Run your GitHub Actions locally inside Docker containers for fast, offline CI/CD pipeline iteration.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/adonisjs-starter.html b/site/tools/adonisjs-starter.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="AdonisJS Starter - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Fully featured Node.js web framework with built-in ORM, auth, routing, and template engine, Laravel-like feel.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="AdonisJS Starter - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Fully featured Node.js web framework with built-in ORM, auth, routing, and template engine, Laravel-like feel.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/advice-slip-api.html b/site/tools/advice-slip-api.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Advice Slip API - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Simple API providing random pieces of advice and motivational suggestions with zero auth.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Advice Slip API - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Simple API providing random pieces of advice and motivational suggestions with zero auth.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/affine.html b/site/tools/affine.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Affine - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Next-gen collaborative knowledge base for tasks, whiteboards, and multi-modal documents.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Affine - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Next-gen collaborative knowledge base for tasks, whiteboards, and multi-modal documents.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/agent-browser.html b/site/tools/agent-browser.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="agent-browser - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Open-source browser automation CLI for AI agents, with a fast Rust core and Node.js fallback for navigation, forms, screenshots, and structured page interaction.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="agent-browser - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Open-source browser automation CLI for AI agents, with a fast Rust core and Node.js fallback for navigation, forms, screenshots, and structured page interaction.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/agent-qa.html b/site/tools/agent-qa.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Agent QA - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Self-improving QA agent for natural-language web and mobile tests, with a local dashboard and CLI.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Agent QA - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Self-improving QA agent for natural-language web and mobile tests, with a local dashboard and CLI.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/agify-api.html b/site/tools/agify-api.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Agify API - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Predict age from first names based on statistical demographic modeling.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Agify API - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Predict age from first names based on statistical demographic modeling.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/agifyio.html b/site/tools/agifyio.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Agify.io - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Predict someone&#039;s age from their first name based on international census records and demographic modeling.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Agify.io - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Predict someone&#039;s age from their first name based on international census records and demographic modeling.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/aider.html b/site/tools/aider.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Aider - Free Developer Tool | DevShelf">
   <meta property="og:description" content="AI pair programming in your terminal: edit code in local git repos with Claude 3.5 Sonnet, GPT-4o, or local LLMs with auto-commits.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Aider - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="AI pair programming in your terminal: edit code in local git repos with Claude 3.5 Sonnet, GPT-4o, or local LLMs with auto-commits.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/aiven-free-tier.html b/site/tools/aiven-free-tier.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Aiven Free Tier - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Managed cloud data platform offering permanent free tiers for PostgreSQL, MySQL, and OpenSearch.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Aiven Free Tier - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Managed cloud data platform offering permanent free tiers for PostgreSQL, MySQL, and OpenSearch.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/anilist-graphql-api.html b/site/tools/anilist-graphql-api.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="AniList GraphQL API - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Comprehensive GraphQL API for discovering and tracking anime and manga with rich media relations.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="AniList GraphQL API - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Comprehensive GraphQL API for discovering and tracking anime and manga with rich media relations.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/annoy.html b/site/tools/annoy.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="Annoy - Free Developer Tool | DevShelf">
   <meta property="og:description" content="Spotify&#039;s C++ library with Python bindings to search for points in space that are close to a given query point.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="Annoy - Free Developer Tool | DevShelf">
   <meta name="twitter:description" content="Spotify&#039;s C++ library with Python bindings to search for points in space that are close to a given query point.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">

diff --git a/site/tools/anythingllm.html b/site/tools/anythingllm.html
@@ -19,11 +19,16 @@
   <meta property="og:title" content="AnythingLLM - Free Open Source Alternative to Chatbase / TypingMind | DevShelf">
   <meta property="og:description" content="The all-in-one Desktop &amp; Docker AI application with full RAG pipeline, multi-agent workspaces, and complete privacy.">
   <meta property="og:site_name" content="DevShelf">
+  <meta property="og:image" content="https://devshelf.ritualdev.in/og-image.jpg">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@RitualDevLab">
   <meta name="twitter:title" content="AnythingLLM - Free Open Source Alternative to Chatbase / TypingMind | DevShelf">
   <meta name="twitter:description" content="The all-in-one Desktop &amp; Docker AI application with full RAG pipeline, multi-agent workspaces, and complete privacy.">
+  <meta name="twitter:image" content="https://devshelf.ritualdev.in/og-image.jpg">
 
   <!-- JSON-LD Structured Data -->
   <script type="application/ld+json">