<h1 align="center">
    <a href="https://mathlive.io">
        <img style="max-width:100%" src="https://github.com/arnog/mathlive/blob/master/assets/logo-1024.jpg?raw=true">
    </a>
</h1>


Welcome to MathLive, a JavaScript library to render and edit math. 

It is fast, small and provides TeX-quality typesetting 
with an easy to use interface for math editing. Try it at [mathlive.io](https://mathlive.io)!
<div align="center">
    <img 
    style='max-width:50%;margin:15px; box-shadow: 0px 5px 15px #ddd; border: 1px solid #eee' 
    src="https://github.com/arnog/mathlive/blob/master/assets/screenshots/popover.png?raw=true">
</div>

## How To Use This Documentation

Start with the two guides:
* [Usage Guide]{@tutorial USAGE_GUIDE}: read this to get started using
MathLive in your web page to display math formulas, or edit them.
* [Contributor Guide]{@tutorial CONTRIBUTOR_GUIDE}: read this if you're
interested in contributing to MathLive or want to better understand how it 
works behind the covers.

Use the navigation panel on the side to get info about a symbol from the 
MathLive source.

Use the **Include Private Symbols** checkbox at the bottom of the navigation 
panel to include the symbols used internally by MathLive, or to only show
the public API.

## More Questions?

* Join our Slack channel at https://mathlive.slack.com. 
* Drop a line to arno@arno.org or tweet @arnog
