Interactive Flutter Markdown & LaTeX Playground

Experiment with gpt_markdown live in the browser. Type any Markdown or LaTeX expression and watch it render instantly — no install needed. The playground runs the real Flutter widget so every result matches exactly what you ship in your app.

  • Headings, bold, italic, strikethrough
  • Ordered and unordered lists
  • Fenced code blocks with syntax highlighting
  • Inline code and blockquotes
  • Tables with alignment
  • Inline LaTeX — e.g. \(E = mc^2\)
  • Block LaTeX — e.g. \[\int_0^\infty e^{-x}\,dx = 1\]
  • Clickable links and images
  • Horizontal rules and line breaks
  • AI-streamed text rendered token by token

Markdown example

## Getting started

Install the package:

```yaml
dependencies:
  gpt_markdown: ^1.1.7
```

Then render any string:

```dart
GptMarkdown(text: markdownString)
```

LaTeX example

Inline math renders inside prose:
The area of a circle is \(A = \pi r^2\).

Display math renders on its own line:

\[
  \sum_{n=1}^{\infty} \frac{1}{n^2}
    = \frac{\pi^2}{6}
\]

Works with AI-streamed partial tokens too.

Live demo

Launch Interactive Playground

Loads the full Flutter demo in this browser tab — requires a moment to download the runtime (~3 MB).