Extensions & Libraries

Extensions

These extensions are provided by KaTeX.

• Auto-render: Automatically renders all of the math inside text
• Copy-tex: When selecting and copying KaTeX-rendered elements, copies their LaTeX source to the clipboard
• math/tex Custom Script Type: Automatically displays LaTeX math inside script tags with type=math/tex
• mhchem: Write beautiful chemical equations easily

Libraries

These libraries are maintained by third-parties.

AsciiMath

If you want to render math written in AsciiMath, you'll need to first convert AsciiMath into LaTeX input, then call KaTeX.

• asciimath2tex: Converts AsciiMath to TeX, with KaTeX in mind

Android

• KaTeXView: An android library that uses Khan Academy KaTeX for TeX math rendering.

Angular2+

• ng-katex: Angular module to write beautiful math expressions with TeX syntax boosted by KaTeX library

Canvas

• canvas-latex: Renders mathematical expressions on HTML5's canvas element. Supports popular libraries like: CreateJS, and PIXI.

iOS

• KaTeX-iOS: iOS UIView that renders TeX expressions with KaTeX
• KatexUtils: KaTeX solution for newer iOS version, supports CocoaPods integration

Jekyll

• JekTex: Fast and highly configurable Jekyll plug-in that renders math expressions using KaTeX. It can be used with github pages.

React

• react-latex: React component to render latex strings, based on KaTeX
• react-katex: React components that use KaTeX to typeset math expressions

Ruby

• katex-ruby: Provides server-side rendering and integration with popular Ruby web frameworks (Rails, Hanami, and anything that uses Sprockets).

Rust

• katex-rs: Rust bindings to provide server-side rendering.

Sphinx

• sphinxcontrib-katex: Sphinx extension to (pre-)render math using KaTeX

Vue

• vue-katex: Vue plugin to render TeX expressions using KaTeX.

Web-Components

• katex-element: KaTeX wrapped in a custom element. Simply use <katex-element> in HTML - framework independent.
• katex-expression: A web component/custom element (built with Stencil) to render KaTeX expressions. Stencil builds web components that run natively or near-natively in all widely used desktop and mobile browsers. Stencil uses a dynamic loader to load the custom elements polyfill only on browsers that need it.

Wechat Mini Program

• @rojer/katex-mini: A Wechat Mini Program library that uses KaTeX for TeX math rendering.