index.html

---
title: AiiDAlab – AiiDA Jupyter Environment
description: AiiDAlab enables computational scientists to package scientific workflows and computational environments into "apps" and share those apps with their peers.
---

<section class="hero">
  <div class="text-container">
    <h1 class="editable">
      <strong>AiiDAlab</strong> &mdash; The web environment for <em>AiiDA</em>
    </h1>
    <p class="subtext editable">
      Run complex and robust
      <a href="https://aiida.net" target="_blank">AiiDA</a> workflows with
      tailored lightweight web applications directly in the browser.
    </p>
    <div class="cta button alt">
      <a href="deployments/">Get Started</a>
    </div>
    <div>
      <img
        src="{{ site.baseurl }}/images/start_page.png"
        alt="Screenshot of Home app start page"
        class="screenshot editable"
      />
    </div>
  </div>
</section>

<div class="content">
  <section>
    <div class="container flex">
      <div class="text editable">
        <h2>Install and <em>edit</em> apps directly in the browser</h2>
        <p>
          Start AiiDAlab and then install new apps developed by us and your
          peers in just a few clicks.
        </p>
      </div>
      <div class="image">
        <img
          src="{{ site.baseurl }}/images/app-management-upgrade-available.png"
          alt="App-Manager"
          class="screenshot editable"
        />
      </div>
    </div>
  </section>

  <section>
    <div class="container flex">
      <div class="text editable">
        <h2>AiiDAlab App Registry</h2>
        <p>
          Bundle your <strong>workflows</strong>, dashboards, and notebooks and
          distribute them via the
          <a href="https://aiidalab.github.io/aiidalab-registry">App Registry</a
          >!
        </p>
      </div>
      <div class="image">
        <img
          src="{{ site.baseurl }}/images/aiidalab-app-registry.png"
          alt="App Registry"
          class="screenshot editable"
        />
      </div>
    </div>
  </section>

  <section>
    <div class="container flex">
      <div class="text editable">
        <h2>AiiDAlab is <strong>open-source</strong></h2>
        <p>
          Developed by Swiss researchers at the
          <a href="https://www.nccr-marvel.ch/" target="_blank"
            >NCCR MARVEL Insitute</a
          >, AiiDAlab is released
          <a href="https://github.com/aiidalab" target="_blank"
            ><em>open-source</em></a
          >
          which means that you can use it for <em>free</em> and
          <em>customize</em> it for your needs.
        </p>
      </div>

      <div class="image">
        <img
          src="{{ site.baseurl }}/images/aiidalab_github_org.png"
          alt="AiiDAlab GitHub Organization"
          class="screenshot editable"
        />
      </div>
    </div>
  </section>

  <section class="testimonial">
    <div class="container flex">
      <div class="video-block">
        <div class="embed-container first">
          <iframe
            title="YouTube video player"
            width="480"
            height="281"
            src="https://www.youtube.com/embed/GHMKP24f74w"
            frameborder="0"
            allowfullscreen
          ></iframe>
        </div>
        <div class="embed-container">
          <iframe
            title="YouTube video player"
            width="480"
            height="281"
            src="https://www.youtube.com/embed/x4mWFjSoAO4"
            frameborder="0"
            allowfullscreen
          ></iframe>
        </div>
      </div>
    </div>
  </section>

  <section class="testimonial">
    <div class="container flex">
      <div class="testimonial-block">
        <div class="square-image">
          <img
            src="{{ site.baseurl }}/images/carlo.jpg"
            alt="Dr. Carlo Pignedoli"
            class="editable"
          />
        </div>
        <blockquote>
          <p>
            High computational efficiency is what made the difference in the
            last two years compared to the past and it's all about AiiDA and
            AiiDAlab.
          </p>
          <p>
            I would like to acknowledge the AiiDA &amp; AiiDAlab teams for all
            their work and for continuously inspiring new solutions for boosting
            computational materials science.
          </p>
          <p class="author">
            Read the
            <a href="https://nccr-marvel.ch/highlights/2020-04AiiDAtestimonial"
              >full interview</a
            >
            with Dr. Carlo Pignedoli from Empa.
          </p>
        </blockquote>
      </div>
    </div>
  </section>

  <section>
    <div class="citation container">
      <h2 class="editable" id="acknowledgment">Citation</h2>
      {% include acknowledgement.html %}
    </div>
  </section>

  <section class="bottom-cta">
    <h2 class="editable"><strong>See if AiiDAlab works for you</strong></h2>
    <div class="button alt">
      <a href="deployments/">Get Started</a>
    </div>
  </section>
</div>