index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MojoLauncher</title>
<meta name="description" content="MojoLauncher - official website">
<link rel="icon" href="assets/logo.webp">
<link rel="stylesheet" href="styles.css">
</head>
<body>

<header class="topbar">
  <a class="brand" href="#top">
    <img class="brand__logo" src="assets/logo.webp" alt="MojoLauncher logo" width="34" height="34">
    <span class="brand__name">MojoLauncher</span>
  </a>

  <nav class="topbar__nav" aria-label="Main">
    <a href="#top" data-i18n="nav.home">Home</a>
    <a href="#features" data-i18n="nav.features">Features</a>
    <a href="#news" data-i18n="nav.news">Releases</a>
    <a href="#download" data-i18n="nav.download">Download</a>
    <a href="#components" data-i18n="nav.components">Components</a>
  </nav>

  <button class="topbar__toggle" type="button" aria-label="Settings" aria-controls="sidebar" aria-expanded="false">
    <img class="topbar__toggle-icon" src="assets/icons/sliders.svg" alt="" width="44" height="44">
  </button>

  <div class="socials">
    <a class="icon-button" href="https://github.com/MojoLauncher/MojoLauncher" aria-label="GitHub">
      <img class="icon-button__logo" src="assets/icons/github.svg" alt="" width="26" height="26">
    </a>

    <a class="icon-button" href="https://discord.gg/VHdwQFsaGX" aria-label="Discord">
      <img class="icon-button__logo icon-button__discord" src="assets/icons/discord.svg" alt="" width="28" height="22">
      <img class="icon-button__flag" src="assets/icons/flag-gb.svg" alt="">
    </a>

    <a class="icon-button" href="https://t.me/MojoLauncher" aria-label="Telegram">
      <img class="icon-button__logo" src="assets/icons/telegram.svg" alt="" width="26" height="26">
      <img class="icon-button__flag" src="assets/icons/flag-ru.svg" alt="" title="Русский (RU)">
    </a>

    <a class="icon-button" href="https://reddit.com/r/MojoLauncher" aria-label="Reddit">
      <img class="icon-button__logo" src="assets/icons/reddit.svg" alt="" width="26" height="26">
    </a>

    <a class="icon-button" href="https://x.com/mojolauncher" aria-label="X (Twitter)">
      <img class="icon-button__logo" src="assets/icons/x.svg" alt="" width="26" height="26">
    </a>
  </div>

  <div class="lang">
    <select class="lang__select" aria-label="Language">
      <option value="en">English</option>
      <option value="ru">Русский</option>
      <option value="bn">বাংলা</option>
      <option value="ua">Українська</option>
      <option value="id">Bahasa Indonesia</option>
    </select>
  </div>
</header>

<aside id="sidebar" class="sidebar">
  <div class="sidebar__content">
    <h2 class="pref-category" data-i18n="menu.language">Language</h2>

    <div class="pref-item">
      <img class="pref-item__icon" src="assets/icons/translate.svg" alt="" width="28" height="24">
      <span class="pref-item__text" data-i18n="menu.language">Language</span>
      <div class="lang">
        <select class="lang__select" aria-label="Language">
          <option value="en">English</option>
          <option value="ru">Русский</option>
          <option value="bn">বাংলা</option>
          <option value="ua">Українська</option>
          <option value="id">Bahasa Indonesia</option>
        </select>
      </div>
    </div>

    <h2 class="pref-category" data-i18n="menu.community">Community</h2>

    <a class="pref-item" href="https://github.com/MojoLauncher/MojoLauncher">
      <img class="pref-item__icon" src="assets/icons/github.svg" alt="" width="26" height="26">
      <span class="pref-item__text">GitHub</span>
      <img class="pref-item__chevron" src="assets/icons/chevron-right.svg" alt="" width="20" height="20">
    </a>

    <a class="pref-item" href="https://discord.gg/VHdwQFsaGX">
      <img class="pref-item__icon" src="assets/icons/discord.svg" alt="" width="30" height="23">
      <span class="pref-item__text">Discord</span>
      <img class="pref-item__chevron" src="assets/icons/chevron-right.svg" alt="" width="20" height="20">
    </a>

    <a class="pref-item" href="https://t.me/MojoLauncher">
      <img class="pref-item__icon" src="assets/icons/telegram.svg" alt="" width="26" height="26">
      <span class="pref-item__text">Telegram</span>
      <img class="pref-item__chevron" src="assets/icons/chevron-right.svg" alt="" width="20" height="20">
    </a>

    <a class="pref-item" href="https://reddit.com/r/MojoLauncher">
      <img class="pref-item__icon" src="assets/icons/reddit.svg" alt="" width="26" height="26">
      <span class="pref-item__text">Reddit</span>
      <img class="pref-item__chevron" src="assets/icons/chevron-right.svg" alt="" width="20" height="20">
    </a>

    <a class="pref-item" href="https://x.com/mojolauncher">
      <img class="pref-item__icon" src="assets/icons/x.svg" alt="" width="26" height="26">
      <span class="pref-item__text">X (Twitter)</span>
      <img class="pref-item__chevron" src="assets/icons/chevron-right.svg" alt="" width="20" height="20">
    </a>
  </div>
</aside>

<main id="top" class="page">

  <section class="hero block">
    <h1 data-i18n="hero.title">Minecraft, anywhere, anytime.</h1>
    <p class="lede" data-i18n="hero.lede">MojoLauncher is an open-source Minecraft: Java Edition launcher for Android devices.</p>
    <div class="hero__actions">
      <a class="btn btn--play" href="#download" data-i18n="hero.download">Download</a>
      <a class="btn btn--outline" href="#features" data-i18n="hero.learn">Learn more</a>
    </div>
  </section>

  <section class="block" id="features">
    <div class="section-head">
      <h2 data-i18n="features.title">Why MojoLauncher</h2>
      <p data-i18n="features.subtitle">Check out the launcher's advanced features</p>
    </div>

    <div class="cards">
      <article class="card">
        <img class="card__icon" src="assets/icons/gamepad.svg" alt="" width="30" height="30">
        <h3 data-i18n="features.card1.title">Full control</h3>
        <p data-i18n="features.card1.body">Easily customize the launcher with advanced on-screen controls, performance tuning options and a variety of OpenGL drivers and translation layers</p>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/java.svg" alt="" width="30" height="30">
        <h3 data-i18n="features.card2.title">Mod friendly</h3>
        <p data-i18n="features.card2.body">Your favorite mods and modloaders - easily installable</p>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/folder.svg" alt="" width="30" height="30">
        <h3 data-i18n="features.card3.title">Instances</h3>
        <p data-i18n="features.card3.body">Separated game data by default for modded installations - no need to juggle custom directories.</p>
      </article>
    </div>
  </section>

  <section class="block" id="news">
    <div class="section-head">
      <h2 data-i18n="news.title">Latest releases</h2>
      <p data-i18n="news.subtitle">The newest builds published on GitHub.</p>
    </div>

    <div class="news" id="releases" data-releases="MojoLauncher/MojoLauncher" data-limit="3"
         aria-live="polite" aria-busy="true">
      <p class="news__status" data-i18n="news.loading">Loading releases…</p>
    </div>

    <a class="news__more" href="https://github.com/MojoLauncher/MojoLauncher/releases"
       target="_blank" rel="noopener noreferrer" data-i18n="news.viewAll">View all releases on GitHub</a>
  </section>

  <section class="block" id="download">
    <div class="section-head">
      <h2 data-i18n="download.title">Download MojoLauncher</h2>
      <p data-i18n="download.subtitle">Get the launcher for Android. Stable versions are available on Google Play, nightlies are available on GitHub.</p>
    </div>

    <div class="downloads">
      <a class="downloads__play"
         href="https://play.google.com/store/apps/details?id=git.artdeell.mjlaunch"
         target="_blank" rel="noopener noreferrer">
        <img class="downloads__badge" src="assets/badges/google-play-en.webp"
             alt="Get it on Google Play" width="564" height="168"
             data-i18n-src="play.src" data-i18n-alt="play.alt">
      </a>

      <a class="btn btn--outline downloads__nightly-btn"
         href="https://github.com/MojoLauncher/MojoLauncher/releases/tag/nightly"
         target="_blank" rel="noopener noreferrer" data-i18n="download.nightly">Nightly build</a>

      <p class="downloads__warning" data-i18n="download.nightlyWarning">Nightly builds are updated frequently, contain experimental features and may have significant, potentially game-breaking bugs. Only use them if you know what you're doing.</p>
    </div>
  </section>

  <section class="block" id="components">
    <div class="section-head">
      <h2 data-i18n="components.title">Components</h2>
      <p data-i18n="components.subtitle">MojoLauncher is assembled from open-source components, most of them maintained under the MojoLauncher organisation.</p>
    </div>

    <div class="cards">
      <article class="card">
        <img class="card__icon" src="assets/icons/image-renderer.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.ltw.title">LTW - Large Thin Wrapper</h3>
        <p data-i18n="components.ltw.body">A thin OpenGL-to-OpenGL ES 3 translator that partially implements OpenGL 3.3 Core.</p>
        <div class="card__meta">
          <span class="card__license">LGPL-3.0</span>
          <a class="card__link" href="https://github.com/MojoLauncher/LTW"
             target="_blank" rel="noopener noreferrer" data-i18n="components.ltw.link">View LTW on GitHub</a>
        </div>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/image-renderer.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.gl4es.title">GL4ES</h3>
        <p data-i18n="components.gl4es.body">A highly efficient OpenGL-to-OpenGL ES 2 translator with fixed-function pipeline support. The Holy GL4ES fork includes extended shader capabilities and mod support.</p>
        <div class="card__meta">
          <a class="card__link" href="https://github.com/artdeell/gl4es_extra_extra"
             target="_blank" rel="noopener noreferrer" data-i18n="components.gl4es.link">View Holy GL4ES on GitHub</a>
          <span class="card__license">MIT</span>
        </div>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/sharelog.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.mojoexec.title">MojoExec</h3>
        <p data-i18n="components.mojoexec.body">A utility library that implements custom Vulkan and OpenGL driver loading</p>
        <div class="card__meta">
          <span class="card__license">MIT</span>
          <a class="card__link" href="https://github.com/MojoLauncher/mojoexec"
             target="_blank" rel="noopener noreferrer" data-i18n="components.mojoexec.link">View MojoExec on GitHub</a>
        </div>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/gamepad.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.sdl.title">SDL / GLFW</h3>
        <p data-i18n="components.sdl.body">The two interchangeable window and input backends. Both create the game window and handle keyboard, mouse and gamepad input; the launcher picks SDL3 or GLFW depending on the game's requirements.</p>
        <p class="card__note" data-i18n="components.sdl.note">Both SDL3 and GLFW are maintained as forks adapted for running desktop applications in MojoLauncher.</p>
        <div class="card__meta">
          <a class="card__link" href="https://github.com/MojoLauncher/MojoSDL"
             target="_blank" rel="noopener noreferrer">SDL</a>
          <span class="card__license">zlib</span>
          <a class="card__link" href="https://github.com/MojoLauncher/glfw"
             target="_blank" rel="noopener noreferrer">GLFW</a>
          <span class="card__license">zlib</span>
        </div>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/java.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.openjdk.title">OpenJDK</h3>
        <p data-i18n="components.openjdk.body">The Java runtime that powers the game. The MojoLauncher OpenJDK builds are compiled for all major Android architectures and include patches for reliable networking, X11-free AWT GUI and fixes for Android quirks.</p>
        <div class="card__meta">
          <a class="card__link" href="https://github.com/MojoLauncher/android-openjdk-build-multiarch"
             target="_blank" rel="noopener noreferrer" data-i18n="components.openjdk.link">OpenJDK builds</a>
          <span class="card__license">GPL-2.0</span>
        </div>
      </article>

      <article class="card">
        <img class="card__icon" src="assets/icons/image-renderer.svg" alt="" width="30" height="30">
        <h3 data-i18n="components.mesa.title">Mesa 3D</h3>
        <p data-i18n="components.mesa.body">A fork of the Mesa 3D project with additional compatibility patches for Turnip, Android EGL support for Kopper and Freedreno (Gallium) on KGSL.</p>
        <p class="card__note" data-i18n="components.mesa.note">Due to abuse by third parties, the fork is not available to the public</p>
        <div class="card__meta">
          <a class="card__link" href="https://www.mesa3d.org/"
             target="_blank" rel="noopener noreferrer" data-i18n="components.mesa.link">Upstream Mesa</a>
          <span class="card__license">MIT</span>
        </div>
      </article>
    </div>
  </section>

  <section class="block outro">
    <h2 data-i18n="outro.title">Ready when you are</h2>
    <p data-i18n="outro.body">Download and play right away</p>
    <a class="btn btn--play btn--wide" href="#download" data-i18n="outro.play">Play</a>
  </section>

</main>

<footer class="footer">
  <div class="footer__meta">
    <a href="https://github.com/MojoLauncher/legal/blob/main/PRIVACY_POLICY_en.md"><span data-i18n="footer.privacy">Privacy</span></a>
    <span class="footer__dot" aria-hidden="true"></span>
    <a href="https://github.com/MojoLauncher/website"><span data-i18n="footer.source">Source</span></a>
  </div>
  <span class="footer__copy" data-i18n="footer.copy">© 2026 MojoLauncher</span>
</footer>

<script src="i18n.js"></script>
<script src="app.js"></script>
<script src="releases.js"></script>
</body>
</html>