MathInput

Demo

Everything here is the real component, in a few example settings. Change the skin, keys and keypad below; they apply to every field on the page. The UK key sets come from the optional @mathinput/presets-uk package.

Maths

Rearrange, factorise, or type your own. Try 3 then the fraction key, or hold the power key.

LaTeX
Text
Spoken

Chemistry

Type H then 2: the 2 becomes a subscript. The Elements tab has the full periodic table.

LaTeX
Text
Spoken

Physics

Units have their own tab and stay upright. ×10ⁿ writes standard form in one tap.

LaTeX
Text
Spoken

Example: show your working

A learning app. Solve 2x² − 7x + 3 = 0 by factorising. Press Enter or ↵ to add each step; the page, not the component, keeps the list.

    Markdown the page builds from the steps

    Example: a formula field

    A scientific form. The page stores the lossless tree and can show the formula anywhere as MathML, without the component.

    Tree
    MathML

    Rendering compared with KaTeX

    MathInput's renderer (left) next to KaTeX rendering the LaTeX it produces (right), for every notation in the test suite.