index.html

{% extends "base.html" %}
{% block title %}OpenAndroidInstaller{% endblock %}
{% block robot %}
<meta name="robots" content="index, follow">{% endblock %}
{% block content %}
<!-- Header -->
<section class="hero">
  <div class="hero-body">
    <div class="container has-text-centered">
      <h1 class="mb-4 is-size-1 is-size-3-mobile has-text-weight-bold">OpenAndroidInstaller</h1>
      <h2 class="subtitle">The graphical installer that makes installing alternative Android distributions nice and
        easy.</h2>
      <div class="buttons is-centered">
        <a class="control button is-link hover-transition" href="download.html" id="download-header">
          <span class="icon is-small">
            <i class="fas fa-download"></i>
          </span>
          <span>Download</span>
        </a>
        <a class="control button is-light hover-transition" href="#getting-started" id="getting-started-button">Getting
          started</a>
      </div>
    </div>
  </div>
</section>
<!-- Header End -->

<!-- Features -->
<section class="section">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-12 is-3-desktop">
        <div class="mb-6 is-flex">
          <span>
            <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z"
                fill="#34623F"></path>
              <circle cx="24" cy="24" r="23.5" stroke="#34623F"></circle>
            </svg></span>
          <div class="ml-3">
            <h4 class="is-size-4 has-text-weight-bold mb-2">Works out-of-the-box</h4>
            <p class="subtitle has-text-grey">Comes packaged with all <a
                href="https://github.com/openandroidinstaller-dev/openandroidinstaller#tools" rel="noopener"
                target="_blank">tools like adb, fastboot and heimdall.</a></p>
          </div>
        </div>
        <div class="mb-6 is-flex">
          <span>
            <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z"
                fill="#34623F"></path>
              <circle cx="24" cy="24" r="23.5" stroke="#34623F"></circle>
            </svg></span>
          <div class="ml-3">
            <h4 class="is-size-4 has-text-weight-bold mb-2">Bring your own ROM</h4>
            <p class="subtitle has-text-grey">Supports all kinds of <a href="#what-to-install">different Android
                ROMs</a> with TWRP recovery.</p>
          </div>
        </div>
      </div>
      <div class="column is-6 is-block-desktop">
        <figure class="image is-16by9" id="demo-video">
          <iframe title="OpenAndroidInstaller demo: Install LineageOS on Google Pixel 3a" class="has-ratio"
            src="https://peertube.tv/videos/embed/f6991d31-52da-4822-b0af-06ae322d02e4?muted=1&amp;warningTitle=0&amp;p2p=0"
            allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315"
            frameborder="0"></iframe>
        </figure>
        <p class="subtitle is-6 has-text-centered is-italic">Demo: How to how to unlock the bootloader and install
          LineageOS.</p>
      </div>
      <div class="column is-12 is-3-desktop">
        <div class="mb-6 is-flex">
          <span>
            <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z"
                fill="#34623F"></path>
              <circle cx="24" cy="24" r="23.5" stroke="#34623F"></circle>
            </svg></span>
          <div class="ml-3">
            <h4 class="is-size-4 has-text-weight-bold mb-2">Free & Open Source</h4>
            <p class="subtitle has-text-grey">Bring your smartphone's operating system up to date with free
              software.</p>
          </div>
        </div>
        <div class="mb-6 is-flex">
          <span>
            <svg width="48" height="48" viewbox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M25.6 22.9C25.7 23 25.8 23 26 23H33C33.6 23 34 22.6 34 22C34 21.8 34 21.7 33.9 21.6L30.4 14.6C30.1 14.1 29.5 13.9 29 14.2C28.9 14.3 28.7 14.4 28.6 14.6L25.1 21.6C24.9 22 25.1 22.6 25.6 22.9ZM29.5 17.2L31.4 21H27.6L29.5 17.2ZM18.5 14C16 14 14 16 14 18.5C14 21 16 23 18.5 23C21 23 23 21 23 18.5C23 16 21 14 18.5 14ZM18.5 21C17.1 21 16 19.9 16 18.5C16 17.1 17.1 16 18.5 16C19.9 16 21 17.1 21 18.5C21 19.9 19.9 21 18.5 21ZM22.7 25.3C22.3 24.9 21.7 24.9 21.3 25.3L18.5 28.1L15.7 25.3C15.3 24.9 14.7 24.9 14.3 25.3C13.9 25.7 13.9 26.3 14.3 26.7L17.1 29.5L14.3 32.3C13.9 32.7 13.9 33.3 14.3 33.7C14.7 34.1 15.3 34.1 15.7 33.7L18.5 30.9L21.3 33.7C21.7 34.1 22.3 34.1 22.7 33.7C23.1 33.3 23.1 32.7 22.7 32.3L19.9 29.5L22.7 26.7C23.1 26.3 23.1 25.7 22.7 25.3ZM33 25H26C25.4 25 25 25.4 25 26V33C25 33.6 25.4 34 26 34H33C33.6 34 34 33.6 34 33V26C34 25.4 33.6 25 33 25ZM32 32H27V27H32V32Z"
                fill="#34623F"></path>
              <circle cx="24" cy="24" r="23.5" stroke="#34623F"></circle>
            </svg></span>
          <div class="ml-3">
            <h4 class="is-size-4 has-text-weight-bold mb-2">Supports many devices</h4>
            <p class="subtitle has-text-grey">Built-in <a href="supported-devices.html">support for {{
                n_supported_devices }}
                devices</a> and an
              easy extension system.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Features End -->

<!-- Banner -->
<section class="section has-background-primary">
  <div class="container">
    <div class="is-vcentered columns is-multiline">
      <div class="column is-6 is-5-desktop mb-4">
        <h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">Want to give your old
          phone a second life or free your new phone?</h2>
        <div class="has-text-white content">
          <p>The OpenAndroidInstaller helps you install a custom android operating system on your phone without
            the technical hassle.</p>
          <ul>
            <li>Keep your smartphone up-to-date even if your vendor doesn't supply updates.</li>
            <li>Run your smartphone without bloated vendor software or get rid of Google.</li>
          </ul>
        </div>
      </div>
      <div class="column is-5 ml-auto">
        <div class="mx-auto box p-6 has-background-light has-text-centered">
          <h4 class="is-size-5 mb-2 has-text-weight-bold">Free your Android device with a custom ROM!</h4>
          <p class="has-text-grey-dark mb-4">Works on Windows and Linux.</p>
          <a class="button is-link is-fullwidth hover-transition" href="https://openandroidinstaller.org/download.html"
            id="download-banner">
            <span class="icon is-small">
              <i class="fas fa-download"></i>
            </span>
            <span>Download now!</span>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Banner End -->

<!-- Getting started -->
<section class="section" id="getting-started">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-6 is-5-desktop mb-4">
        <h2 class="mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">Getting started</h2>
        <div class="content">
          <p>
            Linux is currently the best supported platform (tested with Ubuntu 24.04 LTS).
            Windows is also well supported but you might experience more issues. So far there is no
            support for ARM-based systems.
          </p>
          <p>
            Note, that Ubuntu 24.04 can be <a
              href="https://ubuntu.com/tutorials/try-ubuntu-before-you-install#1-getting-started" rel="noopener"
              target="_blank">booted from a USB drive without installing it</a>.
            This might be a simple solution if you face any compatibility issues.
          </p>
          <h4>How to run the application:</h4>
          <ul>
            <li><a href="download.html">Download</a> the .exe, flatpak or appropriate
              executable file for your OS. You might need to change permissions to run the executable.
              (On Windows, also <a href="https://adb.clockworkmod.com">install the Universal USB Drivers</a> and other
              potentially drivers needed for your device.)</li>
            <li>Start the desktop app and follow the instructions. You might need to allow or enable the execution
              of the software.</li>
          </ul>
        </div>
      </div>
      <div class="column is-5 ml-auto">
        <h2 class="mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold" id="what-to-install">What to install?
        </h2>
        <div class="content">
          <p>
            You can use the OpenAndroidInstaller to install all kinds of custom Android ROMs and Addons like <a
              href="https://openandroidinstaller.org/faq.html#which-addons">Google Apps, microG or the
              F-Droid-Store</a>.
          </p>
          <h4>A selection of different Android-based ROMs and where to find them:</h4>
          <ul>
            <li><a href="https://wiki.lineageos.org/devices" rel="noopener" target="_blank">LineageOS</a></li>
            <li><a href="https://doc.e.foundation/devices" rel="noopener" target="_blank">/e/OS</a></li>
            <li><a href="https://download.lineage.microg.org" rel="noopener" target="_blank">LineageOS for microG</a>
            </li>
            <li><a href="https://blissroms.org" rel="noopener" target="_blank">BlissRoms</a></li>
            <li><a href="https://download.pixelexperience.org" rel="noopener" target="_blank">PixelExperience with
                built-in GApps</a></li>
            <li>or you can just search the web or the <a href="https://xdaforums.com" rel="noopener"
                target="_blank">xdaforums</a> for an appropriate version for your device.</li>
          </ul>
          <figure class="image is-16by9">
            <iframe title="OpenAndroidInstaller demo: Install LineageOS and microG on Samsung Galaxy S7"
              class="has-ratio"
              src="https://peertube.tv/videos/embed/62b33061-0f10-4782-8ec1-fd1afcbc8ac0?muted=1&amp;warningTitle=0&amp;p2p=0"
              allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups" width="560" height="315"
              frameborder="0"></iframe>
          </figure>
          <p class="subtitle is-6 has-text-centered is-italic">Demo: How to install Addons like microG alongside
            LineageOS.</p>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Getting started End -->

<!-- Contribution Banner -->
<section class="section has-background-primary" id="contribute">
  <div class="container">
    <div class="is-vcentered columns is-multiline">
      <div class="column is-6 is-5-desktop mb-4">
        <h2 class="has-text-white mt-2 mb-3 is-size-1 is-size-3-mobile has-text-weight-bold">Contribute to the project!
        </h2>
        <p class="has-text-white">OpenAndroidInstaller is open source software, meaning that anyone can inspect, modify,
          enhance it, and share
          it. But it's not just for programmers! We invite anyone to come and participate in the creation of
          OpenAndroidInstaller. Regardless of your skillset, we're sure there is something you can add to our community
          and the project.</p>
        <div class="content has-text-white">
          <ul>
            <li>Fix and improve texts in configs and in the application.</li>
            <li>Test the tool for a supported device.</li>
            <li>Create a config for a new device.</li>
            <li>Test the application on your computer.</li>
            <li>Contribute an application build for a new platform.</li>
          </ul>
        </div>
      </div>
      <div class="column">
        <div class="box">
          <div class="columns">
            <div class="column is-one-third">
              <div class="menu p-4">
                <p class="menu-label">
                  How to contribute as
                </p>
                <ul class="menu-list">
                  <li><a class="tablinks is-active" onclick="openTab(event, 'user')">
                      <span class="icon-text">
                        <span class="icon">
                          <i class="fas fa-users"></i>
                        </span>
                        <span>User</span>
                      </span>
                    </a></li>
                  <li><a class="tablinks" onclick="openTab(event, 'developer')">
                      <span class="icon-text">
                        <span class="icon">
                          <i class="fas fa-user-ninja"></i>
                        </span>
                        <span>Developer</span>
                      </span>
                    </a></li>
                  <li><a class="tablinks" onclick="openTab(event, 'tester')">
                      <span class="icon-text">
                        <span class="icon">
                          <i class="fas fa-mobile-alt"></i>
                        </span>
                        <span>Tester</span>
                      </span>
                    </a></li>
                </ul>
              </div>
            </div>
            <div class="column is-two-thirds">
              <div id="user" class="tabcontent content p-4">
                <h3 class="title is-3 is-spaced">
                  <span class="icon-text">
                    <span class="icon is-medium">
                      <i class="fas fa-users"></i>
                    </span>
                    <span> User</span>
                  </span>
                </h3>
                <h4 class="subtitle is-5">Use the OpenAndroidInstaller and report a bug</h4>
                <ul>
                  <li>Use the <a href="https://github.com/openandroidinstaller-dev/openandroidinstaller/issues"
                      rel="noopener" target="_blank">OpenAndroidInstaller issue tracker</a> to report bugs, request new
                    devices or features.</li>
                  <li>Use the <a
                      href="https://github.com/openandroidinstaller-dev/openandroidinstaller-dev.github.io/issues"
                      rel="noopener" target="_blank">website issue tracker</a> to report bugs or typo.</li>
                </ul>
              </div>
              <div id="developer" class="tabcontent content p-4">
                <h3 class="title is-3 is-spaced">
                  <span class="icon-text">
                    <span class="icon is-medium">
                      <i class="fas fa-user-ninja"></i>
                    </span>
                    <span> Developer</span>
                  </span>
                </h3>
                <h4 class="subtitle is-5">Adding support for new devices</h4>
                <p>Support for devices is managed by config files that describe steps and metadata of the installation
                  process.</p>
                <ul>
                  <li><a
                      href="https://github.com/openandroidinstaller-dev/openandroidinstaller/blob/main/docs/how_to_contribute_your_own_installation_configurations.md"
                      rel="noopener" target="_blank">How to contribute config files</a></li>
                </ul>
                <h4 class="subtitle is-5">Finding issues to fix</h4>
                <p>The source code is hosted on <a
                    href="https://github.com/openandroidinstaller-dev/openandroidinstaller" rel="noopener"
                    target="_blank">GitHub</a>.
                  A number of the issues are marked with the <a
                    href="https://github.com/openandroidinstaller-dev/openandroidinstaller/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22"
                    rel="noopener" target="_blank">"good first issue"</a> label indicating they are suitable for someone
                  new to the OpenAndroidInstaller code base.
                </p>
                <ul>
                  <li><a
                      href="https://github.com/openandroidinstaller-dev/openandroidinstaller/blob/main/docs/building_the_application_for_your_platform.md#run-openandroidinstaller-for-development"
                      rel="noopener" target="_blank">Run the application for development</a></li>
                </ul>
              </div>
              <div id="tester" class="tabcontent content p-4">
                <h3 class="title is-3 is-spaced">
                  <span class="icon-text">
                    <span class="icon is-medium">
                      <i class="fas fa-mobile-alt"></i>
                    </span>
                    <span> Tester</span>
                  </span>
                </h3>
                <h4 class="subtitle is-5">Test the installer</h4>
                <p>Often there are pre-releases or specific features that need testing. What you can do:</p>
                <ul>
                  <li>Test the tool regularly with a spare device and check if everything still works</li>
                  <li>Follow us on <a href="https://fosstodon.org/@openandroidinstaller" rel="noopener"
                      target="_blank">Mastodon</a> or <a href="https://twitter.com/OAInstaller" rel="noopener"
                      target="_blank">Twitter</a> and test new (pre-) releases and report issues.
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Contribution Banner End -->
{% endblock %}