next

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.

Angular2+

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

iOS

  • KaTeX-iOS: iOS UIView that renders TeX expressions with KaTeX

Android

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

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.

Vue

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

AsciiMath

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

Canvas LaTeX

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

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.
← Auto-render ExtensionOptions →