High-performance LaTeX math parser and renderer with incremental parsing, automatic line breaking, image export, MathML conversion, accessibility (MathSpeak), formula highlighting, animations and WYSIWYG editing.
A high-performance LaTeX mathematical formula parsing and rendering library developed based on Kotlin Multiplatform (KMP). It supports consistent rendering effects on Android, iOS, Desktop (JVM), and Web (Wasm/JS) platforms.
\frac, \dfrac, \tfrac, , , , , ,
matrix, pmatrix, bmatrix, Bmatrix, , , ,
\tiny, \scriptsize, , , , , , , ,
\displaystyle, \textstyle, \scriptstyle, \scriptscriptstyle, $...$ (inline), $$...$$ (display)
\,, \:, \;, \quad, \qquad, \!, \hspace{...}, normal spaces
\color{red}{...}, \textcolor{#FF5733}{...} (named + hex)\colorbox{yellow}{text}, \fcolorbox{borderColor}{bgColor}{text}\ce{H2O}, \ce{H2SO4}, \ce{Na+}, \ce{SO4^{2-}}, \ce{A + B -> C}, \ce{A <=> B}, coefficients, isotope notation, complexes
\newcommand, \renewcommand, \def (0–9 parameters, optional argument defaults), \newenvironment, \renewenvironment
\section, \subsection, \subsubsection, \paragraph, \subparagraph (with starred variants)
\label, \ref, \eqref, \tag{1}, \tag*{A}
parseWithDiagnostics() provides structured diagnostics (8 categories, filter by severity)The project includes a Demo App (composeApp/androidApp) showcasing various complex LaTeX scenarios. The preview dataset also contains a dedicated Enclose / menclose group covering circles, boxes, combined borders, strike-throughs, and color/background attributes:
| Basic Math | Chemical Formulas | Incremental Parsing |
|---|---|---|
In a Compose Multiplatform project, you can use the Latex component directly. The component handles incremental parsing automatically and supports real-time preview:
import com.hrm.latex.renderer.Latex
import com.hrm.latex.renderer.model.LatexConfig
import com.hrm.latex.renderer.model.LatexTheme
import androidx.compose.ui.unit.sp
@Composable
fun MyScreen() {
Latex(
latex = "\\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
config = LatexConfig(
fontSize = 20.sp,
theme = LatexTheme.auto()
)
)
}
Use LatexTheme to control formula foreground/background colors:
import com.hrm.latex.renderer.model.LatexTheme
// Follow system light/dark mode
LatexConfig(theme = LatexTheme.auto())
// Fixed light theme
LatexConfig(theme = LatexTheme.light())
// Fixed dark theme
LatexConfig(theme = LatexTheme.dark())
// Follow current Material 3 ColorScheme
LatexConfig(theme = LatexTheme.material3())
If you need custom colors, build them from LatexThemeColors:
import androidx.compose.ui.graphics.Color
import com.hrm.latex.renderer.model.LatexTheme
import com.hrm.latex.renderer.model.LatexThemeColors
LatexConfig(
theme = LatexTheme.auto(
light = LatexThemeColors(
color = Color(0xFF111111),
backgroundColor = Color.Transparent
),
dark = LatexThemeColors(
color = Color(0xFFF5F5F5),
backgroundColor = Color.Transparent
)
)
)
For long formulas that need to wrap within the container width, use LatexAutoWrap:
import com.hrm.latex.renderer.LatexAutoWrap
@Composable
fun MyScreen() {
LatexAutoWrap(
latex = "E = mc^2 + \\frac{p^2}{2m} + V(x) + \\frac{1}{2}kx^2",
modifier = Modifier.fillMaxWidth(),
config = LatexConfig(fontSize = 20.sp)
)
}
Line breaks occur at mathematically valid points: relation operators (=, <, >), then additive operators (+, -), then multiplicative operators (×, ÷). Atomic structures like fractions, roots, and matrices are never broken.
Export rendered LaTeX formulas as PNG, JPEG, or WEBP images. Use rememberLatexExporter() in a Composable scope, then call export() on a background thread:
ExportConfig parameters:
The library provides built-in accessibility support for screen readers. When enabled, each Latex component exposes a MathSpeak-style natural language description via Compose semantics, making math formulas readable by TalkBack (Android), VoiceOver (iOS), and other assistive technologies.
Latex(
latex = "\\frac{1}{2}",
config = LatexConfig(accessibilityEnabled = true)
)
// Screen reader reads: "fraction: 1 over 2"
The AccessibilityVisitor converts the LaTeX AST into descriptive text covering fractions, roots, superscripts/subscripts, matrices, Greek letters, operators, and more.
Pre-measure formula dimensions for embedding inline math via InlineTextContent:
val measurer = rememberLatexMeasurer(config)
val dims = measurer.measure("\\frac{a}{b}", config) ?: return
val placeholder = Placeholder(
width = with(density) { dims.widthPx.toSp() },
height = with(density) { dims.heightPx.toSp() },
placeholderVerticalAlign = PlaceholderVerticalAlign.TextCenter
)
LatexDimensions provides widthPx, heightPx, baselinePx (with padding) and their content-only counterparts. Use measureBatch() for multiple formulas.
Note: The editor API is experimental and may change in future versions. All editor APIs require the
@ExperimentalComposeUiApiannotation.
The library includes a built-in WYSIWYG (What You See Is What You Get) LaTeX editor component. Users can edit LaTeX source text and see the rendered formula in real-time, with cursor position synchronized between the source and the rendered output.
@OptIn(ExperimentalComposeUiApi::class)
@Composable
fun MyEditor() {
val editorState = rememberEditorState(initialText = "x^{2} + y^{2} = r^{2}")
LatexEditor(
editorState = editorState,
config = LatexConfig(fontSize = 20.sp),
showSourceText = true // Show source text input field
)
}
This library publishes two variants for each release to support different Kotlin/Compose versions:
| Variant | Kotlin | Compose Multiplatform |
|---|
Choose the variant that matches your project's Kotlin version. If your project uses Kotlin 2.1.0, use the
-kt2.1.0suffixed version.
Add dependencies in gradle/libs.versions.toml:
[versions]
latex = "1.3.0"
[libraries]
latex-base = { module = "io.github.huarangmeng:latex-base", version.ref = "latex" }
latex-parser = { module = "io.github.huarangmeng:latex-parser", version.ref = "latex" }
latex-renderer = { module = "io.github.huarangmeng:latex-renderer", version.ref = "latex" }
If your project uses Kotlin 2.1.0, use the -kt2.1.0 suffixed artifacts:
[versions]
latex = "1.3.0-kt2.1.0"
[libraries]
latex-base = { module = "io.github.huarangmeng:latex-base", version.ref = "latex" }
latex-parser = { module = "io.github.huarangmeng:latex-parser", version.ref = "latex" }
latex-renderer = { module = "io.github.huarangmeng:latex-renderer", version.ref = "latex" }
Reference in your module's build.gradle.kts:
dependencies {
implementation(libs.latex.base) // Basic logging
implementation(libs.latex.renderer) // Rendering logic
implementation(libs.latex.parser) // Parsing logic
}
:latex-base: Base data structures and interfaces.:latex-parser: Core parsing engine, responsible for converting LaTeX strings to AST.:latex-renderer: Responsible for rendering AST into Compose UI components../gradlew :androidApp:assembleDebug./gradlew :composeApp:run./gradlew :composeApp:wasmJsBrowserDevelopmentRuniosApp/iosApp.xcworkspace in Xcode to run../run_parser_tests.sh
For a detailed list of supported features, please refer to: PARSER_COVERAGE_ANALYSIS.md
This project is licensed under the MIT License - see the LICENSE file for details.
InlineTextContent inline math embedding.HighlightConfig.parseWithDiagnostics() provides 8-category structured diagnostics with severity filtering.\RLE, \LRE, RTL/LTR environments, nesting).\cfrac\binom\tbinom\dbinom\sqrt\sqrt[n]{x}\omicron), uppercase (Γ–Ω), KaTeX uppercase aliases (\Alpha, \Beta, \Epsilon, \Omicron, ...), and variants (ε/ϵ, θ/ϑ, φ/ϕ, \varGamma–\varOmega, etc.)+, -, \times, \div, \pm, \mp, \cdot, \oplus, \otimes, …=, \neq, <, >, \leq, \geq, \approx, \equiv, \sim, \ll, \gg, …\in, \notin, \subset, \cup, \cap, \emptyset, \mathbb{R}, …\land, \lor, \neg, \Rightarrow, \Leftrightarrow, \forall, \exists\to, \rightarrow, \leftarrow, \leftrightarrow, \Rightarrow, \hookrightarrow, harpoons, …\ldots, \cdots, \vdots, \ddots, \dots (auto-adaptive)\not=, \not\in, \nleq, \ngeq, \ncong, \nmid, … (30+ AMS negated relations)\checkmark, \complement, \blacksquare, \aleph, \measuredangle, geometric symbols, double-headed arrows, …\sum, \prod, \int, \oint, \iint, \iiint, \bigcup, \bigcap, \bigvee, \bigwedge, \coprod, \bigoplus, \bigotimes, \bigsqcup, \bigodot, \biguplus\lim, \max, \min, \sup, \inf, \limsup, \liminf\operatorname{name}, \DeclareMathOperator{\Tr}{Tr}, \mathop{content}\substack{cond1 \\ cond2}\bmod (binary), \pmod{n} (parenthesized), \mod (wide spacing)vmatrixVmatrixsmallmatrixarray\left( \right), \left[ \right], \left\{ \right\}, \left| \right|, \langle, \rangle, \lfloor, \rfloor, \lceil, \rceil, \lvert, \rvert, \lVert, \rVert\left. \right| (evaluation bar), \left\{ \right. (piecewise)\big, \Big, \bigg, \Bigg with \bigl, \bigr, \bigm variants\hat, \tilde, \bar, \overline, \underline, \dot, \ddot, \dddot, \grave, \acute, \check, \breve, \ring/\mathring, \vec, \widehat\overbrace{...}^{text}, \underbrace{...}_{text}, \overbracket{...}, \underbracket{...}\overrightarrow, \overleftarrow\cancel, \bcancel (reverse), \xcancel (cross)\xrightarrow, \xleftarrow, \xhookrightarrow, \xhookleftarrow, \xRightarrow, \xLeftarrow, \xLeftrightarrow, \xmapsto\overset, \underset, \stackrel\mathbf, \mathit, \mathrm, \mathsf, \mathtt, \mathbb, \mathfrak, \mathcal, \mathscr, \boldsymbol, \bm, \text, \mbox, \symbf, \symit, \symsf, \symrm
\footnotesize\small\normalsize\large\Large\LARGE\huge\Hugeequation(*), displaymathalign(*), aligned, flalign(*), alignat(*)gather(*), gatheredcases, dcases (displaystyle), rcases (right brace)split, multline(*)eqnarray(*), subequations, tabular (l/c/r column alignment)\tag/\tag*, \label/\ref/\eqref, starred environments skip numbering\boxed{E=mc^2}, \fbox{text}\enclose{circle}{x}, \enclose{circle,box}{x}, \enclose{updiagonalstrike downdiagonalstrike}{x}box, roundedbox, circle, left, right, top, bottom, updiagonalstrike, downdiagonalstrike, verticalstrike, horizontalstrikemathcolor, mathbackground\phantom, \smash, \vphantom, \hphantom\mathclap{content}, \mathllap{content}, \mathrlap{content}\href{url}{text}, \url{url} (blue underline, click callback)\sideset{_a^b}{_c^d}{\sum}\prescript{A}{Z}{X} (isotope notation)\tensor{T}{^a_b^c}, \indices{^a_b}\RLE{...}\LRE{...}\textarabic{...}\texthebrew{...}\begin{RTL}...\end{RTL}, \begin{LTR}...\end{LTR}
 |
 |
| Basic Math Rendering | Supports \ce{...} syntax | Real-time preview for incomplete input |
import com.hrm.latex.renderer.export.*
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.launch
fun MyScreen() {
val exporter = rememberLatexExporter()
val scope = rememberCoroutineScope()
Button(onClick = {
scope.launch(Dispatchers.Default) {
// Export as PNG (default, 2x resolution)
val result = exporter.export("E = mc^2")
val pngBytes = result?.bytes // PNG byte array
val bitmap = result?.imageBitmap // For in-app display
// Export as JPEG (3x resolution, quality 85)
val jpegResult = exporter.export(
latex = "\\frac{a}{b}",
exportConfig = ExportConfig(
scale = 3f,
format = ImageFormat.JPEG,
quality = 85
)
)
// Export with transparent background (PNG only)
val transparentResult = exporter.export(
latex = "x^2 + y^2 = r^2",
exportConfig = ExportConfig(transparentBackground = true)
)
}
}) {
Text("Export")
}
}
| Parameter | Type | Default | Description |
|---|
scale | Float | 2f | Resolution multiplier (1x, 2x, 3x, etc.) |
format | ImageFormat | PNG | ImageFormat.PNG, ImageFormat.JPEG, or ImageFormat.WEBP |
transparentBackground | Boolean | false | Use transparent background (PNG and WEBP only; JPEG always uses opaque background) |
quality | Int | 90 | Compression quality (1–100) for JPEG and WEBP; ignored for PNG |
| Artifact Version |
|---|
| Standard | 2.3.0+ | 1.10.0+ | 1.3.0 |
| Kotlin 2.1.0 | 2.1.0 | 1.9.3 | 1.3.0-kt2.1.0 |
:latex-preview:composeApp: Cross-platform Demo application.:androidApp: Android Demo application.MIT License
Copyright (c) 2026 huarangmeng
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Surfaced from shared tags and platforms — no rankings paid for.