index.html

---
title: Moonshine IDE

layout: landing
---

<!-- Banner -->
{% include banner.html %}

<!-- TopicBox -->
<div class="container">
  <div class="card theme-dark cta-card">
    <div class="card-content">
      <span class="card-title">
        <h3>Engage. Contribute. Innovate.</h3>
      </span
      >    
      <p>
        Moonshine IDE is not just a tool, it's a community-driven platform where your ideas shape the future. Whether you're coding, managing, or brainstorming, your insights are invaluable. Dive into TopicBox – your gateway to directly influencing Moonshine IDE's journey. Suggest new features, report bugs, or simply check out what's brewing!
      </p>
    </div>
    <div class="card-action">
      <a class="btn cta-btn" href="https://moonshine-ide.topicbox.com/" target="_blank">View the Discussion</a>
    </div>
  </div>
</div>

<!-- Tiles -->
<div class="tiles-layout container">

  <div class="card theme-dark">
    <div class="card-content">
      <span class="card-title center"
        ><i class="material-icons">swap_vert</i></span
      >
      <span class="card-title">Git/SVN Support</span>
      <p>
        Moonshine IDE provides an interface for version control systems
        including Git and SVN. The IDE lets you checkout branches, commit
        changes, and much more.
      </p>
    </div>
  </div>

  <div class="card theme-dark">
    <div class="card-content">
      <span class="card-title center"
        ><i class="material-icons">bug_report</i></span
      >
      <span class="card-title">Debugger</span>
      <p>
        Debugging is available for all Flash type projects. When you debug your
        code Moonshine IDE shows you computed values of your variables in the
        bottom window.
      </p>
    </div>
  </div>

  <div class="card theme-dark">
    <div class="card-content">
      <span class="card-title center"
        ><i class="material-icons">lock_open</i></span
      >
      <span class="card-title">Open Source</span>
      <p>
        Source code of Moonshine IDE is fully available on GitHub. You can help
        develop the IDE by providing pull requests.
      </p>
    </div>
  </div>

  <div class="card theme-dark">
    <div class="card-content">
      <span class="card-title center"
        ><i class="material-icons">autorenew</i></span
      >
      <span class="card-title">Fast Release Cycle</span>
      <p>
        We are releasing Moonshine IDE every two weeks. We are trying to react
        in a fastest way when any user has any issue with IDE.
      </p>
    </div>
  </div>
</div>

<!-- Use Case Cards -->
<div class="cards-layout container">
  <!-- Royale -->
  <div class="card adaptive-card theme-dark">
    <div class="card-image">
      <img
        src="images/framework-logos/apache-royale.png"
        alt="Apache Royale Logo"
      />
    </div>
    <span class="card-title">Apache Royale™</span>
    <p class="card-text">
      Modernize existing Flash/AS3 applications with Apache Royale. Apache
      Royale is a highly productive, open-source frontend application
      technology. It lets you code in MXML & AS3 and output to different formats
      like JavaScript.
    </p>

    <div class="card-action">
      <a href="https://royale.apache.org/" target="_blank">Learn more</a>
      <a href="docs/moonshine/moonshine_set_sdk.html">Set Up in Moonshine</a>
      <a href="{{site.baseurl}}/flex-migration/">Flex Migration to HTML</a>
    </div>
  </div>

  <!-- Feathers -->
  <div class="card adaptive-card theme-dark flipped">
    <div class="card-image">
      <img src="images/framework-logos/feathersui.png" alt="Feathers UI Logo" />
    </div>
    <span class="card-title">Feathers UI</span>
    <p class="card-text">
      Build stunning, hardware-accelerated user interfaces on a variety of
      operating systems, including iOS, Android, Windows, and macOS. Feathers is
      a cross-platform component set for AS3/Starling and Haxe/OpenFL. It
      features dozens of UI controls, GPU-powered performance, and customizable
      skins and styles. It is free and open source.
    </p>

    <div class="card-action">
      <a href="https://feathersui.com/" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- Haxe -->
  <div class="card adaptive-card theme-dark">
    <div class="card-image">
      <img src="images/framework-logos/haxe.png" alt="Haxe Logo" />
    </div>
    <span class="card-title">Haxe</span>
    <p class="card-text">
      Write your code once in Haxe and compile it to AS3, JS, Java, C++, C#,
      PHP, Python, Lua, Node.js or directly to SWF, HashLink and Neko bytecode.
      Haxe is an open-source toolkit based on a high level strictly typed
      programming language, a light-speed cross-compiler, and a complete
      cross-platform standard library.
    </p>

    <div class="card-action">
      <a href="https://haxe.org/" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- AIR -->
  <div class="card adaptive-card theme-dark flipped">
    <div class="card-image">
      <img src="images/framework-logos/adobe-air.png" alt="Adobe AIR Logo" />
    </div>
    <span class="card-title">Adobe AIR</span>
    <p class="card-text">
      Adobe AIR is a cross-platform runtime system. It allows you to write the
      code once and package it into native applications for Windows, Mac OS, iOS
      and Android. In 2019 Adobe AIR support was transferred to
      <a href="https://services.harman.com/partners/adobe" target="_blank"
        >HARMAN</a
      >.
    </p>

    <div class="card-action">
      <a href="https://get.adobe.com/air/" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- Flex -->
  <div class="card adaptive-card theme-dark">
    <div class="card-image">
      <img
        src="images/framework-logos/apache-flex.png"
        alt="Apache Flex Logo"
      />
    </div>
    <span class="card-title">Apache Flex®</span>
    <p class="card-text">
      Build Rich Internet Applications with Apache Flex. Flex is a powerful,
      open source application framework that allows you to easily build
      applications for web, mobile and desktop alike. Use the same programming
      model, toolset and codebase to save your time.
    </p>

    <div class="card-action">
      <a href="http://flex.apache.org/index.html" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- Away3D -->
  <div class="card adaptive-card theme-dark flipped">
    <div class="card-image">
      <img src="images/framework-logos/away3d.png" alt="Away3D Logo" />
    </div>
    <span class="card-title">Away3D</span>
    <p class="card-text">
      Away3D is an open-source platform for developing interactive 3D graphics
      for video games and applications in Adobe Flash or HTML5.
    </p>

    <div class="card-action">
      <a href="http://away3d.com/" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- PrimeFaces -->
  <div class="card adaptive-card theme-dark">
    <div class="card-image">
      <img src="images/framework-logos/primefaces.png" alt="PrimeFaces Logo" />
    </div>
    <span class="card-title">PrimeFaces</span>
    <p class="card-text">
      Design beautiful user experiences for Java web applications with
      PrimeFaces. PrimeFaces is an open-source framework for JavaServer Faces
      featuring over 100 components, touch optimization, client-side validation,
      theming and more.
    </p>

    <div class="card-action">
      <a href="https://www.primefaces.org/" target="_blank">Learn more</a>
    </div>
  </div>

  <!-- Groovy/Grails -->
  <div class="card adaptive-card theme-dark flipped">
    <div class="card-image">
      <img
        src="images/framework-logos/groovy-grails.png"
        alt="Groovy and Grails Logo"
      />
    </div>
    <span class="card-title">Groovy / Grails</span>
    <p class="card-text">
      Apache Groovy is a language for the Java platform designed to enhance
      productivity. Grails is a Groovy-based open source web application
      framework built on top of Spring Boot. It's easy to learn and it
      integrates seamlessly with Java.
    </p>

    <div class="card-action">
      <a href="https://groovy-lang.org/" target="_blank"
        >Learn more about Groovy</a
      >
      <a href="https://grails.org/" target="_blank">Learn more about Grails</a>
    </div>
  </div>

  <!-- OpenJDK -->
  <div class="card adaptive-card theme-dark">
    <div class="card-image">
      <img src="images/framework-logos/openjdk.png" alt="OpenJDK Logo" />
    </div>
    <span class="card-title">OpenJDK</span>
    <p class="card-text">
      Build powerful server applications with the world's leading programming
      language and platform. OpenJDK is a free and open-source implementation of
      the Java Platform, Standard Edition.
    </p>

    <div class="card-action">
      <a href="https://openjdk.java.net/" target="_blank">Learn more</a>
    </div>
  </div>
</div>

{% include social.html %}

<!--JavaScript at end of body for optimized loading-->
<script src="js/bin/materialize.min.js"></script>
<script>
  function detectOS() {
    var downloadButtons = document.querySelectorAll(
      ".download-button > .mega-button-content"
    );
    var downloadSpans = document.querySelectorAll(".download-button-span-2");

    if (navigator.appVersion.indexOf("Win") != -1) {
      // Set link to Windows build
      downloadButtons.forEach((button) => {
        button.setAttribute(
          "href",
          "https://moonshine-ide.com/downloads/releases/windows/Moonshine-3.4.0.exe"
        );
        button.setAttribute("target", "_blank");
      });
      // Set button text to Windows
      downloadSpans.forEach((span) => {
        span.textContent = "For Windows";
      });
    }

    if (navigator.appVersion.indexOf("Mac") != -1) {
      // Set link to Mac OS build
      downloadButtons.forEach((button) => {
        button.setAttribute(
          "href",
          "https://moonshine-ide.com/downloads/releases/macos/Moonshine-3.4.0.pkg"
        );
      });
      // Set button text to Mac OS
      downloadSpans.forEach((span) => {
        span.textContent = "For MacOS";
      });
    }
  }

  detectOS();

  document.addEventListener("DOMContentLoaded", function () {
    var elems = document.querySelectorAll(".dropdown-trigger");
    var options = {
      alignment: "right",
      coverTrigger: false,
    };
    var instances = M.Dropdown.init(elems, options);
  });
</script>