<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="p:domain_verify" content="744e49bca65e654d61d39e0e59de2791"/>
<script src="https://quge5.com/88/tag.min.js" data-zone="246800" async data-cfasync="false"></script>
  
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
  <title>Nutryio | 156+ Free Nutrition & Fitness Calculators</title>
  <meta name="description" content="The ultimate hub for nutrition, fitness, and wellness calculations. Remove the guesswork and track your progress with confidence." />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="stylesheet" href="/style.css" />
  <script src="/shared/template.js" defer></script>
  <script src="/shared/share.js" defer></script>
  <script src="/shared/share.js" defer></script>
  <script src="/main.js" defer></script>
  <link rel="canonical" href="https://nutryio.fit/"/>
    <meta property="og:title" content="Nutryio | 156+ Free Nutrition &amp; Fitness Calculators"/>
    <meta property="og:description" content="The ultimate hub for nutrition, fitness, and wellness calculations. Remove the guesswork and track your progress with confidence."/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://nutryio.fit/"/>
    <meta property="og:site_name" content="Nutryio"/>
    <meta property="og:image" content="https://nutryio.fit/opengraph.jpg"/>
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:title" content="Nutryio | 156+ Free Nutrition &amp; Fitness Calculators"/>
    <meta name="twitter:description" content="The ultimate hub for nutrition, fitness, and wellness calculations."/>
    <meta name="twitter:image" content="https://nutryio.fit/opengraph.jpg"/>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Nutryio","url":"https://nutryio.fit","description":"The ultimate hub for nutrition, fitness, and wellness calculations. 156+ free calculators.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://nutryio.fit/?q={search_term_string}"},"query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"Nutryio","url":"https://nutryio.fit","logo":{"@type":"ImageObject","url":"https://nutryio.fit/favicon.svg"}}}</script>
</head>
<body>

  <header class="header" id="site-header"></header>

  <main>
    <!-- Hero Section -->
    <section class="hero">
      <div class="hero-bg-shapes">
        <div class="shape shape-1"></div>
        <div class="shape shape-2"></div>
      </div>
      <div class="container hero-inner relative">
        <div class="badge-pill">
          <span class="dot"></span> 156+ Free Calculators
        </div>
        
        <h1 class="hero-title">
          Precision tools for your <br class="desktop-break" />
          <span class="text-gradient">health journey.</span>
        </h1>
        
        <p class="hero-subtitle">
          The ultimate hub for nutrition, fitness, and wellness calculations. Remove the guesswork and track your progress with confidence.
        </p>

        <div class="search-container">
          <div class="search-input-wrapper">
            <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
            <input type="text" id="search-input" placeholder="Search 156+ calculators..." autocomplete="off" />
            <button id="search-clear" class="search-clear hidden" aria-label="Clear search">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
            </button>
            <div class="search-hint" id="search-hint"><kbd>⌘</kbd> K</div>
          </div>
          <div id="search-category-filter" class="search-category-filter hidden"></div>
        </div>

        <div class="stats-strip">
          <div class="stat-item">
            <span class="stat-value">156</span>
            <span class="stat-label">Calculators</span>
          </div>
          <div class="stat-divider"></div>
          <div class="stat-item">
            <span class="stat-value">14</span>
            <span class="stat-label">Categories</span>
          </div>
          <div class="stat-divider"></div>
          <div class="stat-item">
            <span class="stat-value text-primary">Free</span>
            <span class="stat-label">To Use Forever</span>
          </div>
        </div>
      </div>
    </section>

    <!-- Recently Viewed -->
    <div id="recently-viewed-section" class="recently-viewed-section hidden">
      <div class="container">
        <div class="recently-viewed-header">
          <span class="recently-viewed-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          </span>
          <span class="recently-viewed-label">Recently Viewed</span>
          <button id="clear-recent-btn" class="clear-recent-btn">Clear</button>
        </div>
        <div id="recently-viewed-list" class="recently-viewed-list"></div>
      </div>
    </div>

    <!-- Popular Searches -->
    <div class="popular-searches-bar">
      <div class="container">
        <div id="popular-searches" class="popular-searches">
          <span class="popular-label">Popular</span>
          <button class="popular-chip" data-term="BMI">BMI</button>
          <button class="popular-chip" data-term="Calories">Calories</button>
          <button class="popular-chip" data-term="Protein">Protein</button>
          <button class="popular-chip" data-term="TDEE">TDEE</button>
          <button class="popular-chip" data-term="Body Fat">Body Fat</button>
          <button class="popular-chip" data-term="Macro">Macro</button>
          <button class="popular-chip" data-term="Water">Water</button>
          <button class="popular-chip" data-term="Sleep">Sleep</button>
          <button class="popular-chip" data-term="Heart Rate">Heart Rate</button>
          <button class="popular-chip" data-term="Keto">Keto</button>
          <button class="popular-chip" data-term="Muscle">Muscle</button>
          <button class="popular-chip" data-term="Vitamin">Vitamin</button>
          <button class="popular-chip" data-term="Weight Loss">Weight Loss</button>
          <button class="popular-chip" data-term="Running">Running</button>
        </div>
      </div>
    </div>

    <!-- Main Content -->
    <div class="container content-container" id="categories">
      
      <!-- Category Pills Nav -->
      <div class="category-nav-wrapper">
        <div class="category-nav" id="category-pills">
          <!-- Rendered via JS -->
        </div>
      </div>

      <!-- Search Results Area -->
      <div id="search-results-area" class="hidden search-results-area">
        <h2 class="search-results-title">Search Results (<span id="search-count">0</span>)</h2>
        <div id="search-results-grid" class="calculator-grid"></div>
        <div id="no-results" class="no-results hidden">
          <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/><path d="m9 9 4 4"/><path d="m13 9-4 4"/></svg>
          <h3>No calculators found</h3>
          <p>Try adjusting your search terms.</p>

          <div class="ad-unit" data-ad="post-in-article"><span class="ad-label">Advertisement</span><div class="ad-box-responsive">Responsive Ad Space</div></div>
        </div>
      </div>

      <!-- Categories Container -->
      <div id="categories-container">
        <!-- Rendered via JS -->
      </div>

    </div>

  </main>

  <footer class="footer" id="site-footer"></footer>

</body>
</html>
