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: 0 auto;" 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.gg/n5NJ59y">
        <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>
</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(){
    document.getElementById('svg-precision').style.visibility = "visible";
    vivusPrecision.reset().play(1);
    document.getElementById('svg-protection').style.visibility = "visible";
    vivusProtection.reset().play(1);
    document.getElementById('svg-globally').style.visibility = "visible";
    vivusGlobally.reset().play(1);
  }
</script>

<script language="javascript">
  // Custom Taglines
  var taglines = [
    "World Leader in 3D Printing",
    "Multi-Axis Robot Driver",
    "Free 3D Printer Firmware",
    "Own Your Own Technology",
    "Open Source RepRap Driver",
    "Printing things since 2011",
    "The code that makes the things",
    "The ghost in the machine",
    "Not just for 3D printers",
    "Print a toy, a home, or a meal",
    "Home-brewed, community-focused",
    "Responsive, Reliable, Accurate",
    "Speed, accuracy, and finesse",
    "Deterministic plastic mover",
    "Heating, moving, making, grooving",
    "Fabricating Fused Filament",
    "Fused Deposition Engine",
    "Build It Your Way",
    "Heating, moving, making, grooving",
    "Stepper Motor Repurposer",
  ];

  // Create a random sequence from the number of taglines
  var sequence = [];
  for (var i = 0; i < taglines.length; i++) sequence.push(i);
  sequence.sort(function() { return .5 - Math.random(); });

  var tindex = 0;
  function next_tagline() {
    document.getElementById('tagline').innerText = taglines[sequence[tindex]];
    if (++tindex >= taglines.length) tindex = 0;
  }
  next_tagline();

  // Set a repeating timer to change the tagline every minute
  setInterval(next_tagline, 20000);

</script>