---
layout: index
title: Amber Smalltalk
---


<div class="box">
  <h2>Getting started</h2>
  <div class="content">
    <p>The <a href="https://github.com/NicolasPetton/amber/wiki">Wiki on GitHub</a> includes a <a href="https://github.com/NicolasPetton/amber/wiki/Getting-started">Getting started</a> tutorial for OSX, Linux and Windows.</p>
  </div>
  <h2>Client-side usage</h2>
  <div class="content">
    <p>Load the full Amber Smalltalk environment with the IDE in your page:</p> 
    
    {% highlight html %}<script src="js/amber.js" type="text/javascript"></script>
<script type="text/javascript"> loadAmber()</script>{% endhighlight %}

    <p>Or the deployment JavaScript file only (without the Smalltalk sources, parser, compiler and IDE):</p>
    {% highlight html %}<script src="js/amber.js" type="text/javascript"></script>
<script type="text/javascript"> loadAmber({deploy: true})</script>{% endhighlight %}

    <p>Read the <a href="documentation.html">documentation</a> to learn more about writing applications in Amber.</p>
  </div>
</div>


<div class="box last">
  <h2 id="download">Download</h2>
  <div class="content">
    <p>You can get a copy of Amber from github or clone the <a href="http://github.com/NicolasPetton/amber">git repository</a>.</p> 
    <a href="http://github.com/NicolasPetton/amber/zipball/master">
      <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
    <a href="http://github.com/NicolasPetton/amber/tarball/master">
      <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
  </div>
</div>