Installation

Add gpt_markdown to your Flutter project. Markdown and LaTeX rendering work immediately; use a LaTeX builder only to replace the default math widget.

Option 1 — Flutter CLI

The fastest way:

terminal

flutter pub add gpt_markdown

Option 2 — pubspec.yaml

Add it manually, then run flutter pub get:

pubspec.yaml

dependencies:
  gpt_markdown: ^1.3.0

Import

your_file.dart

import 'package:gpt_markdown/gpt_markdown.dart';

Verify it works

Drop this anywhere in your widget tree:

main.dart

GptMarkdown('# Hello from GPT Markdown!')

Use SliverGptMarkdown for long content

The same package import also provides SliverGptMarkdown. Place it directly in the slivers list of a CustomScrollView:

sliver_markdown.dart

SelectionArea(
  child: CustomScrollView(
    slivers: [
      SliverGptMarkdown(
        longMarkdown,
        config: const GptMarkdownConfig(
          style: TextStyle(fontSize: 16),
        ),
      ),
    ],
  ),
)

When it is beneficial

Long AI answers and reports: offscreen segments delay span and widget construction until the viewport needs them.
Mixed sliver layouts: combine Markdown with SliverAppBar, lists, grids, headers, and other slivers in one scroll view.
Faster first viewport: less offscreen rendering and layout work is performed during the initial display.

Segmentation is eager, while built-in AST, span, and widget construction is viewport-lazy. A single very large paragraph, table, list, or code fence remains one segment. Use ordinary GptMarkdown when character reveal animation is needed.

Requirements

A Flutter SDK that includes Dart 3.7.0 or newer
Dart SDK 3.7.0 or higher, below 4.0.0
No platform plugins are required. For WebAssembly, ensure the rest of your app's dependencies are also WASM-compatible.

Render a response