<!DOCTYPE html><html lang="en" class="bg-night-950 text-slate-200"> <head><!-- Mark JS as available before CSS parses, so scroll-reveal only hides
         content when JS can reveal it. Crawlers see content fully rendered. --><script>
      document.documentElement.classList.add('js')
    </script><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="canonical" href="https://yugibyte.com/"><!-- SEO --><title>Yugibyte: A Private AI Creature You Raise, On Your Phone, Offline</title><meta name="description" content="Raise a private, on-device AI creature. No account, no server, no subscription. It remembers what you tell it, evolves as you raise it, and grows a world around itself, all on your phone."><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:site_name" content="Yugibyte"><meta property="og:url" content="https://yugibyte.com/"><meta property="og:title" content="Yugibyte: A Private AI Creature You Raise, On Your Phone, Offline"><meta property="og:description" content="Raise a private, on-device AI creature. No account, no server, no subscription. It remembers what you tell it, evolves as you raise it, and grows a world around itself, all on your phone."><meta property="og:image" content="https://yugibyte.com/og.png"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Yugibyte: A Private AI Creature You Raise, On Your Phone, Offline"><meta name="twitter:description" content="Raise a private, on-device AI creature. No account, no server, no subscription. It remembers what you tell it, evolves as you raise it, and grows a world around itself, all on your phone."><meta name="twitter:image" content="https://yugibyte.com/og.png"><!-- Fonts: Inter (body), Fraunces (the creature's voice), Silkscreen (system HUD) --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400;1,9..144,500&family=Silkscreen:wght@400;700&display=swap" rel="stylesheet"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- Structured data (schema.org JSON-LD) --><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://yugibyte.com/#organization","name":"Yugibyte","legalName":"TODO LLC","url":"https://yugibyte.com","logo":"https://yugibyte.com/icon-512.png"},{"@type":"WebSite","@id":"https://yugibyte.com/#website","name":"Yugibyte","url":"https://yugibyte.com","description":"Raise a private, on-device AI creature. No account, no server, no subscription. It remembers what you tell it, evolves as you raise it, and grows a world around itself, all on your phone.","publisher":{"@id":"https://yugibyte.com/#organization"}},{"@type":"MobileApplication","name":"Yugibyte","description":"Raise a private, on-device AI creature. No account, no server, no subscription. It remembers what you tell it, evolves as you raise it, and grows a world around itself, all on your phone.","applicationCategory":"GameApplication","operatingSystem":"iOS","url":"https://yugibyte.com","publisher":{"@id":"https://yugibyte.com/#organization"},"offers":[{"@type":"Offer","price":"0.00","priceCurrency":"USD","name":"Free download"},{"@type":"Offer","price":"6.99","priceCurrency":"USD","category":"one-time","name":"Lifetime unlock"}]}]}</script><link rel="stylesheet" href="/_astro/Base.DhmP-4zq.css"></head> <body class="min-h-screen bg-night-950 text-slate-200 font-sans antialiased selection:bg-ember-500/30"> <header id="site-header" class="fixed top-0 inset-x-0 z-50 flex items-center justify-between gap-3 px-4 sm:px-6 py-4 border-b border-transparent transition-[padding,background-color,border-color,backdrop-filter] duration-300"> <a href="/" class="flex items-center gap-2.5 min-w-0" aria-label="Yugibyte home"> <img src="/mark.svg" alt="" width="24" height="24" class="h-6 w-6 shrink-0" style="filter: drop-shadow(0 0 5px rgba(143, 160, 255, 0.45))"> <span class="font-pixel text-xs text-slate-100 tracking-tight">Yugibyte</span> </a> <nav class="flex shrink-0 gap-4 sm:gap-6 text-sm text-slate-400"> <a href="/#about" class="hover:text-slate-100 transition-colors">What it is</a> <a href="/#notes" class="hover:text-slate-100 transition-colors">Field notes</a> </nav> </header> <script type="module">const e=document.getElementById("site-header"),o=()=>{window.scrollY>20?(e.classList.add("bg-night-950/80","backdrop-blur-md","py-2","border-night-700/60"),e.classList.remove("py-4","border-transparent")):(e.classList.remove("bg-night-950/80","backdrop-blur-md","py-2","border-night-700/60"),e.classList.add("py-4","border-transparent"))};window.addEventListener("scroll",o,{passive:!0});o();const n=document.querySelectorAll("[data-reveal]");if(n.length){const s=new IntersectionObserver(r=>{r.forEach(t=>{t.isIntersecting&&(t.target.classList.add("in-view"),s.unobserve(t.target))})},{threshold:.25});n.forEach(r=>s.observe(r))}</script>   <section id="hero" class="relative flex min-h-[100svh] flex-col items-center justify-center overflow-hidden px-5 text-center"> <canvas id="hero-creature" class="pointer-events-none absolute inset-0 h-full w-full opacity-90"></canvas> <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-night-950 via-night-950/50 to-night-950/30"></div> <div class="relative z-10 hero-fade-up"> <p class="font-pixel text-[10px] tracking-wide text-glow-300">no account · no server · no subscription</p> <h1 class="mx-auto mt-5 max-w-3xl font-voice text-4xl italic leading-[1.1] text-slate-50 sm:text-6xl [text-wrap:balance]">
A creature you raise.<br>On your phone. Nowhere else.
</h1> <p class="mx-auto mt-5 max-w-md text-base text-slate-300/90">
A blank Yugibyte imprints on you, remembers what you tell it, and grows into something only yours.
        All of it on-device.
</p> <div class="mt-8 flex flex-col items-center gap-3"> <button id="meet-cta" type="button" data-journey-start class="rounded-full border border-ember-400/70 px-8 py-3 font-medium text-ember-200 transition-colors hover:border-ember-300 hover:bg-ember-500/10">
Meet yours
</button> <a id="read-on" href="#about" class="font-pixel text-[10px] text-slate-500 hover:text-slate-300 transition-colors">
just looking? read on ↓
</a> </div> </div> </section>  <section id="about" class="mx-auto max-w-4xl px-5 py-24 sm:px-6"> <h2 data-reveal class="text-center font-voice text-3xl italic text-slate-100">What it is</h2> <p data-reveal class="mx-auto mt-3 max-w-md text-center text-slate-400">
Part pixel pet, part small intelligence. You raise it, and it becomes someone.
</p> <!-- the creature, labeled like a field specimen --> <div data-reveal class="relative mx-auto mt-14 max-w-3xl"> <!-- glow radiating from the creature, bleeding under the text and fading out --> <div aria-hidden="true" class="pointer-events-none absolute left-1/2 top-[42%] h-[115%] w-[130%] -translate-x-1/2 -translate-y-1/2 blur-2xl" style="background: radial-gradient(ellipse at center, rgba(255,157,60,0.13), rgba(255,157,60,0.035) 40%, transparent 66%)"></div> <div class="relative z-10 grid items-center gap-8 sm:grid-cols-[1fr_auto_1fr] sm:gap-4"> <!-- left annotation --> <div class="order-2 sm:order-1"> <canvas id="mini-evolve" class="mb-1 block h-24 w-24 sm:ml-auto"></canvas> <div class="flex items-center gap-3 sm:flex-row-reverse"> <span class="font-pixel text-[10px] text-ember-400">it evolves</span> <span class="hidden h-px w-10 bg-gradient-to-l from-ember-500/70 to-transparent sm:block"></span> </div> <p class="mt-2 max-w-[17rem] text-sm leading-relaxed text-slate-400 sm:ml-auto sm:text-right">
Its form shifts as you raise it. Bright and quick, or quiet and moody, depending on how you treat it.
</p> </div> <!-- the specimen --> <div class="order-1 sm:order-2"> <canvas id="specimen" class="mx-auto block aspect-square w-52 sm:w-60"></canvas> </div> <!-- right annotation --> <div class="order-3"> <canvas id="mini-voice" class="mb-1 block h-24 w-24"></canvas> <div class="flex items-center gap-3"> <span class="font-pixel text-[10px] text-ember-400">it finds its voice</span> <span class="hidden h-px w-10 bg-gradient-to-r from-ember-500/70 to-transparent sm:block"></span> </div> <p class="mt-2 max-w-[17rem] text-sm leading-relaxed text-slate-400">
Greetings, small sounds, half-formed thoughts. All its own, drawn from what it remembers about you.
</p> </div> </div> <!-- bottom annotation, leader pointing up to the specimen --> <div class="relative z-10 order-4 mt-6 flex flex-col items-center text-center sm:mt-2"> <canvas id="mini-world" class="h-24 w-24"></canvas> <span class="hidden h-8 w-px bg-gradient-to-t from-ember-500/70 to-transparent sm:block"></span> <span class="mt-2 font-pixel text-[10px] text-ember-400">it grows a world</span> <p class="mt-2 max-w-sm text-sm leading-relaxed text-slate-400">
A small habitat forms around it and reacts to your history. Mention the sea once, and weeks later a shell
          appears.
</p> </div> </div> <!-- privacy, as one quiet line --> <p class="mt-16 text-center font-pixel text-[10px] tracking-wide text-glow-300">
on-device · no account · buy once
</p> <p class="mx-auto mt-3 max-w-xl text-center text-sm text-slate-400">
The model, its memory, and how you feel never leave your phone. Nothing to sign up for, and you buy it once,
      never a subscription.
</p> <div class="mt-10 text-center"> <button type="button" data-journey-start class="rounded-full bg-ember-500 px-8 py-3 font-medium text-night-950 shadow-lg shadow-ember-500/20 transition-colors hover:bg-ember-400">
Begin
</button> </div> </section>  <section id="notes" class="mx-auto max-w-3xl px-5 pb-24 sm:px-6"> <div class="flex items-baseline justify-between border-b border-night-700 pb-3"> <h2 data-reveal class="font-voice text-2xl italic text-slate-100">Field notes</h2> <span data-reveal class="font-pixel text-[9px] tracking-wide text-slate-600">a running log</span> </div> <ol> <li data-reveal class="border-b border-dotted border-night-700"> <a href="/blog/offline-pixel-pet-no-account/" class="group grid grid-cols-[4rem_1fr] gap-4 py-7 sm:grid-cols-[6rem_1fr] sm:gap-8"> <div class="pt-1"> <div class="font-pixel text-[11px] text-ember-400">003</div> <div class="mt-2 font-pixel text-[9px] leading-relaxed text-slate-600">2026.06.25</div> </div> <div> <h3 class="font-voice text-xl italic leading-snug text-slate-100 transition-colors group-hover:text-ember-200"> An Offline Pixel Pet With No Account and No Subscription </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">No sign-up, no server, no monthly bill. A pixel creature that lives entirely on your phone, here’s what that actually buys you.</p> </div> </a> </li><li data-reveal class="border-b border-dotted border-night-700"> <a href="/blog/private-ai-companion-no-subscription/" class="group grid grid-cols-[4rem_1fr] gap-4 py-7 sm:grid-cols-[6rem_1fr] sm:gap-8"> <div class="pt-1"> <div class="font-pixel text-[11px] text-ember-400">002</div> <div class="mt-2 font-pixel text-[9px] leading-relaxed text-slate-600">2026.06.24</div> </div> <div> <h3 class="font-voice text-xl italic leading-snug text-slate-100 transition-colors group-hover:text-ember-200"> What a Private, On-Device AI Companion Really Means </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">&quot;On-device AI&quot; gets used loosely. Here’s the specific, checkable version: the model, the memory, and the mood data all stay on your phone, and why that matters most for the personal stuff.</p> </div> </a> </li><li data-reveal class="border-b border-dotted border-night-700"> <a href="/blog/virtual-pet-that-remembers-you/" class="group grid grid-cols-[4rem_1fr] gap-4 py-7 sm:grid-cols-[6rem_1fr] sm:gap-8"> <div class="pt-1"> <div class="font-pixel text-[11px] text-ember-400">001</div> <div class="mt-2 font-pixel text-[9px] leading-relaxed text-slate-600">2026.06.23</div> </div> <div> <h3 class="font-voice text-xl italic leading-snug text-slate-100 transition-colors group-hover:text-ember-200"> A Virtual Pet That Actually Remembers You </h3> <p class="mt-2 text-sm leading-relaxed text-slate-400">Most virtual pets reset every time you open them. Here’s what changes when the creature keeps what you tell it, and why memory, not graphics, is what makes something feel alive.</p> </div> </a> </li> </ol> </section>  <div id="journey" class="fixed inset-0 z-[60] hidden bg-night-950 text-slate-100" role="dialog" aria-modal="true" aria-label="Meet your creature"> <canvas id="j-habitat" class="absolute inset-0 h-full w-full"></canvas> <!-- system chrome (pixel = the machine) --> <button id="j-exit" type="button" aria-label="Leave" class="absolute right-4 top-4 z-10 font-pixel text-[10px] text-slate-500 hover:text-slate-200 transition-colors">
✕ leave
</button> <div id="j-progress" class="absolute left-1/2 top-5 z-10 flex -translate-x-1/2 gap-1.5" aria-hidden="true"></div> <div id="j-name-plate" class="absolute left-4 top-4 z-10 hidden font-pixel text-[10px] text-ember-300"></div> <!-- the stage: beat content swaps in here --> <div class="absolute inset-x-0 bottom-0 z-10 flex min-h-[46%] flex-col justify-end px-5 pb-8 sm:px-8"> <div class="pointer-events-none absolute inset-x-0 bottom-0 top-[-40%] bg-gradient-to-t from-night-950 via-night-950/80 to-transparent"></div> <div id="j-stage" class="relative mx-auto w-full max-w-xl"></div> <button id="j-advance" type="button" class="relative mx-auto mt-6 hidden font-pixel text-[10px] text-slate-500 hover:text-slate-200 transition-colors">
tap to continue
</button> </div> </div> <script type="module" src="/_astro/CreatureJourney.astro_astro_type_script_index_0_lang.BV7d5W8N.js"></script>  <footer class="border-t border-night-800 bg-night-900 px-6 py-10"> <div class="max-w-6xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4"> <div class="flex items-center gap-2"> <img src="/mark.svg" alt="" width="18" height="18" class="h-[18px] w-[18px] shrink-0 opacity-90"> <span class="font-pixel text-[10px] text-slate-300">Yugibyte</span> </div> <div class="flex flex-col sm:flex-row items-center gap-2 sm:gap-4"> <div class="flex items-center gap-4"> <a href="/privacy/" class="text-xs text-slate-500 hover:text-slate-300 transition-colors">Privacy</a> <a href="/terms/" class="text-xs text-slate-500 hover:text-slate-300 transition-colors">Terms</a> </div> <p class="text-xs text-slate-600">&copy; 2026 Yugibyte. Made on-device, by hand.</p> </div> </div> </footer> </body></html> <script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.CjaBnfZG.js"></script>