index.html

---
permalink:   /
title:       'Home'
regenerate:  true
description: 'Marlin Firmware - A Really Good 3D Printer Driver.'
category:    [ default ]
---
<div class="container custom-tagline">
  <div class="row">
    <div class="col-md-7" style="z-index: 10; padding-bottom: 5em;">
      <h1>Marlin Firmware</h1>
      <h2 id="tagline">Open Source 3D Printer Driver</h2>
      <p class="text-justify">First created in 2011 for RepRap and Ultimaker by <a href="//github.com/ErikZalm">Erik van der Zalm</a> et. al., today Marlin drives most of the world's 3D printers. Reliable and precise, Marlin delivers outstanding print quality while keeping you in full control of the process.</p>
      <p>As an <a href="//opensource.org/">Open Source</a> project hosted on <a href="//github.com/">Github</a>, Marlin is owned and maintained by the maker community. <a href="{{ '/docs/development/contributing.html' }}" >Learn how you can contribute!</a></p>
      <a href="{{ '/meta/download' }}" class="btn btn-download btn-block btn-lg" style=" width: fit-content; margin: 30px auto -30px;" role="button">Download Marlin {{ site.data.marlin.downloads[0].version }}</a>
    </div>
    <div class="col-md-5" id="mfw-logo">
      <img id="svg-marlin-sun" src="{{ '/assets/images/marlin-outrun-sun.svg' }}" alt="Marlin Outrun" width="320" height="286" />
      <img id="svg-marlin-tri" src="{{ '/assets/images/marlin-outrun-tri.svg' }}" alt="Marlin Outrun" width="320" height="286" />
      <img id="svg-marlin-fishf" src="{{ '/assets/images/marlin-outrun-fishf.svg' }}" alt="Marlin Outrun" width="320" height="286" />
      <img id="svg-marlin-fishol" src="{{ '/assets/images/marlin-outrun-fishol.svg' }}" alt="Marlin Outrun" width="320" height="286" />
      <img id="svg-marlin-logo" src="{{ '/assets/images/marlin-outrun-logo.svg' }}" alt="Marlin Outrun" width="320" height="286" />
    </div>
  </div>
</div>

<div class="mid-section">

  <div class="container highlight-panels">
    <div class="row">

      <a href="{{ '/meta/features' }}" alt="Advanced temperature & motion controls for high precision tuning" class="col-sm-4 panel-wrapper">
        <div class="panel">
          <div class="panel-heading"><h3>Precision & Accuracy</h3></div>
          <div class="panel-body panel-svg"><div id="svg-precision"></div>
          Advanced temperature & motion controls for high precision tuning
          </div>
        </div>
      </a>

      <a href="{{ '/docs/basics/introduction.html#main-features' }}" alt="Operate with peace of mind with thermal-runaway, powerloss-recovery, filament-runout and more" class="col-sm-5 panel-wrapper" >
        <div class="panel">
          <div class="panel-heading"><h3>Safety & Protection</h3></div>
          <div class="panel-body"><div id="svg-protection"></div>
          Operate with peace of mind with thermal-runaway, powerloss-recovery, filament-runout and more
          </div>
        </div>
      </a>

      <a href="{{ '/docs/basics/introduction.html#slicing' }}" alt="Established industry standards with over 150 G-Code commands" class="col-sm-3 panel-wrapper" >
        <div class="panel">
          <div class="panel-heading"><h3>Used Globally</h3></div>
          <div class="panel-body"><div id="svg-globally"></div>
          Installed and regularly tested on thousands of machines worldwide.
          </div>
        </div>
      </a>

    </div> <!-- row -->
  </div> <!-- container -->

  <div class="container">
    {% for feature in site.data.features %}
    <div class="row features-tile-wrapper">
      <a href="{{ feature.link }}" >
        <div class="col-md-6 features-tile-image animation-element slide-left" style="background: url({{ '/assets/images/features/' | append: feature.img }}) no-repeat center top; background-size: cover;">
          <div class="row features-tile-title">
            {{ feature.title }}
            <em class="fa fa-arrow-circle-right" aria-hidden="true"></em>
          </div>
        </div>
        <div class="col-md-6 animation-element fade-in">
          <div class="features-tile-body ">
            {{ feature.description }}
          </div>
        </div>
      </a>
      <hr class="custom-hr animation-element fade-in">
    </div>
    {% endfor %}
  </div>
</div>
<!-- end mid-section" -->

<div class="container extra-panels">
  <div class="row">
      <a class="col-sm-4 animation-element slide-up panel-wrapper" href="{{ '/docs/basics/introduction.html' }}">
        <div class="panel">
          <div class="panel-heading panel-learn"><h4><em class="fa fa-book" aria-hidden="true"></em> Learn More</h4></div>
          <div class="panel-body">What is Marlin, and how does it work?<br/>&nbsp;</div>
        </div>
      </a>
      <a class="col-sm-4 animation-element slide-up panel-wrapper" href="//github.com/MarlinFirmware/Marlin">
        <div class="panel">
          <div class="panel-heading panel-github"><h4><em class="fa-brands fa-github" aria-hidden="true"></em> Marlin on Github</h4></div>
          <div class="panel-body">Contribute to our ever expanding open source Marlin project on GitHub!</div>
        </div>
      </a>
      <a class="col-sm-4 animation-element slide-up panel-wrapper" href="//discord.com/servers/marlin-firmware-461605380783472640">
        <div class="panel">
          <div class="panel-heading panel-discord"><h4><em class="fa-brands fa-discord" aria-hidden="true"></em> Join Our Discord</h4></div>
          <div class="panel-body">Get help, chat, and share with other Marlin users on our Discord channel.</div>
        </div>
      </a>
  </div>

  <a id="starchart" href="https://star-history.com/#MarlinFirmware/Marlin&Date">
    <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=MarlinFirmware/Marlin&type=Date" />
  </a>

</div>

<script src="{{ '/assets/javascript/vivus.js'}}"></script>
<script>
  const vivusPrecision = new Vivus('svg-precision', {
    duration: 250,
    type: 'oneByOne',
    file: "{{ '/assets/images/features/precision.svg' }}",
    onReady: function () { setTimeout(playVivus, 1000); }
  });
  const vivusProtection = new Vivus('svg-protection', {
    duration: 300,
    type: 'oneByOne',
    file: "{{ '/assets/images/features/protection.svg' }}"
  });
  const vivusGlobally = new Vivus('svg-globally', {
    duration: 300,
    type: 'oneByOne',
    file: "{{ '/assets/images/features/globally.svg' }}"
  });

  function playVivus(){
    $('#svg-precision').show();
    vivusPrecision.reset().play(1);
    $('#svg-protection').show();
    vivusProtection.reset().play(1);
    $('#svg-globally').show();
    vivusGlobally.reset().play(1);
  }
</script>