<!doctype html>
<html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#09090b" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="apple-mobile-web-app-title" content="Shelf" />
    <link rel="icon" href="/icon.svg" type="image/svg+xml" />
    <!-- seo:start -->
    <title>Shelf — Discover anime &amp; manga</title>
    <meta
      name="description"
      content="Filter and explore 35,000+ anime and manga titles from MyAnimeList. Search, stats, and a personal watchlist in one place."
    />
    <meta property="og:title" content="Shelf — Discover anime &amp; manga" />
    <meta
      property="og:description"
      content="Filter and explore 35,000+ anime and manga titles from MyAnimeList. Search, stats, and a personal watchlist in one place."
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://anime.significanthobbies.com" />
    <meta property="og:site_name" content="Shelf" />
    <meta property="og:image" content="/og.png" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Shelf — Discover anime &amp; manga" />
    <meta
      name="twitter:description"
      content="Filter and explore 35,000+ anime and manga titles from MyAnimeList. Search, stats, and a personal watchlist in one place."
    />
    <meta name="twitter:image" content="/og.png" />
    <link rel="canonical" href="https://anime.significanthobbies.com" />
    <!-- seo:end -->
    <link rel="manifest" href="/manifest.webmanifest" />
  <!-- fleet-jsonld:start (generated by apply-agent-surfaces; edit registry, not this) -->
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://sassmaker.com/#org","name":"SaaS Maker (Foundry)","url":"https://sassmaker.com","sameAs":["https://sassmaker.com","https://github.com/Significant-Hobbies/anime-list"]},{"@type":"WebSite","@id":"https://anime.significanthobbies.com/#app","name":"MAL Explorer","url":"https://anime.significanthobbies.com","description":"Anime and manga discovery with multi-axis filtering and watchlists.","publisher":{"@id":"https://sassmaker.com/#org"},"applicationCategory":"EntertainmentApplication","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"potentialAction":{"@type":"SearchAction","target":"https://anime.significanthobbies.com/?q={search_term_string}","query-input":"required name=search_term_string"}}]}</script>
<!-- fleet-jsonld:end -->
  <script type="module" crossorigin src="/assets/index-BnKSWDBq.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-S-ySWqyJ.js">
  <link rel="modulepreload" crossorigin href="/assets/analytics-DPzEhm2x.js">
  <link rel="modulepreload" crossorigin href="/assets/apiConfig-C1pXKqee.js">
  <link rel="modulepreload" crossorigin href="/assets/utils-CBYZHxcH.js">
  <link rel="modulepreload" crossorigin href="/assets/query-D7DoLCGq.js">
  <link rel="modulepreload" crossorigin href="/assets/react-DJNxNJqF.js">
  <link rel="modulepreload" crossorigin href="/assets/router-C_X6hihO.js">
  <link rel="preload" href="/assets/index-BLU3Pf_2.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="/assets/index-BLU3Pf_2.css"></noscript>
</head>
  <body data-analytics="true" style="margin:0;background:#09090b;color:#fafafa;font-family:system-ui,sans-serif;">
    <!-- LCP shell: mirrors home hero so first paint doesn't wait on React + fonts + CSS.
         Placed OUTSIDE #root so React hydration doesn't wipe it before app content paints. -->
    <div id="lcp-shell" style="position:fixed;inset:0;z-index:0;pointer-events:none;">
      <div style="min-height:100vh;background:#09090b;color:#fafafa;">
        <header style="border-bottom:1px solid #27272a;">
          <div style="margin:0 auto;max-width:80rem;padding:1rem 1.5rem;">
            <span style="font-size:1rem;font-weight:600;">Shelf</span>
          </div>
        </header>
        <main style="max-width:48rem;margin:0 auto;padding:6rem 1.5rem 5rem;text-align:center;">
          <p style="margin:0 0 1.5rem;display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;border-radius:9999px;border:1px solid #27272a;background:#18181b;font-size:0.75rem;color:#a1a1aa;">
            Anime &amp; manga, indexed from MyAnimeList
          </p>
          <h1 style="margin:0;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:600;line-height:1.1;letter-spacing:-0.02em;">
            Find your next anime in 30 seconds.
          </h1>
        </main>
      </div>
    </div>
    <div id="root">
      <!-- ssr:start -->
      <!-- ssr:end -->
    </div>
  </body>
</html>
