A Web Component for Math Input

The MathLive mathfield

A Web Component for Math Input

The MathLive library includes a <math-field> web component that provides an easy-to-use interface for editing math.

With over 800 built-in LaTeX commands, mathfields render beautiful, TeX-quality typesetting.

Mathfields are designed for mobile devices with an extensive set of virtual keyboards for math input, and are compatible with screen readers, including custom math-to-speech support for improved accessibility.

Mathfields output their content as LaTeX, MathML, ASCIIMath, Typst and MathJSON formats.

And the best part? They're easy to customize to your needs!

🚀 Getting Started

Using MathLive is easy! Simply add a <math-field> tag to your page. It initializes automatically and works just like a <textarea> or <button> element. You can manipulate the mathfield using methods of the element and listen for events to be notified when its internal state changes.

npm install mathlive

import 'mathlive';

<!DOCTYPE html>
<html lang="en-US">
  <body>
    <math-field>f(x)= x+1</math-field>
  </body>
</html>

You can also add it using a CDN:

<head>
    <script src="https://unpkg.com/mathlive"></script>
</head>

Check documentation for React, Svelte and interaction with Mathfield.

📖 Documentation

MathLive has an extensive set of documentation to help you get started, including guides on interacting with a mathfield, customizing it, executing commands, defining custom LaTeX macros, managing inline and keyboard shortcuts, controlling speech output, and displaying static math formulas. You can find all of these guides on the MathLive.io website.

In addition to the guides, you can also find reference documentation of the mathfield API on the Mathfield API Reference page.

FAQ

Q: When is the next release?

MathLive follows a semi-annual release cycle, with major releases typically scheduled for June and January. These may be followed by patch releases to address any issues that arise shortly after deployment. Additionally, an out-of-band release can be made if requested by a sponsor or if a community member submits a pull request and requests a release to include their contribution.

Related Projects

MathJSON (on GitHub): A lightweight data interchange format for mathematical notation.
Compute Engine (on GitHub): The MathLive Compute Engine performs numeric and symbolic calculations on MathJSON expressions

💬 Contact Us

Chat with the MathLive GPT
Join our Discord server
Drop a line to arno@arno.org

📃 License

This project is licensed under the MIT License.

Name		Name	Last commit message	Last commit date
Latest commit History 3,848 Commits
.github		.github
.vscode		.vscode
assets		assets
css		css
documentation		documentation
examples		examples
git-hooks		git-hooks
plugins/grok-theme		plugins/grok-theme
scripts		scripts
sounds		sounds
src		src
test		test
.editorconfig		.editorconfig
.eslintrc.json		.eslintrc.json
.gitattributes		.gitattributes
.gitignore		.gitignore
.npmrc		.npmrc
.travis.yml		.travis.yml
AUTHORS		AUTHORS
CHANGELOG.md		CHANGELOG.md
CHANGELOG_2017-2023.md		CHANGELOG_2017-2023.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE.txt		LICENSE.txt
README.md		README.md
SECURITY.md		SECURITY.md
jest.config.js		jest.config.js
package-lock.json		package-lock.json
package.json		package.json
playwright.config.ts		playwright.config.ts
postcss.config.cjs		postcss.config.cjs
tsconfig.eslint.json		tsconfig.eslint.json
tsconfig.json		tsconfig.json
tsdoc.json		tsdoc.json
typedoc.json		typedoc.json

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Repository files navigation

The MathLive mathfield

A Web Component for Math Input

🚀 Getting Started

📖 Documentation

FAQ

Related Projects

💬 Contact Us

📃 License

About

Uh oh!

Releases 46

Sponsor this project

Uh oh!

Used by 1k

Contributors 89

Languages

Uh oh!

License

arnog/mathlive

Folders and files

Latest commit

History

Repository files navigation

The MathLive mathfield

A Web Component for Math Input

🚀 Getting Started

📖 Documentation

FAQ

Related Projects

💬 Contact Us

📃 License

About

Topics

Resources

License

Code of conduct

Security policy

Uh oh!

Stars

Watchers

Forks

Releases 46

Sponsor this project

Uh oh!

Used by 1k

Contributors 89

Languages