Dart

Dart Code Screenshot Generator

Turn Dart snippets into images worth sharing, without leaving your Mac.

Dart snippets are usually Flutter widgets, which means deeply nested trees that need more vertical room than most languages.

Codeshot detects Dart from the code you paste, so there is no language picker to get wrong. Here is the same snippet in three of the 30 themes it ships with, rendered with the app's own stylesheets.

class BadgeView extends StatelessWidget {
  const BadgeView({super.key, required this.count});

  final int count;

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(6),
      child: Text('$count'),
    );
  }
}

Atom One · dark

class BadgeView extends StatelessWidget {
  const BadgeView({super.key, required this.count});

  final int count;

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(6),
      child: Text('$count'),
    );
  }
}

GitHub · dark

class BadgeView extends StatelessWidget {
  const BadgeView({super.key, required this.count});

  final int count;

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(6),
      child: Text('$count'),
    );
  }
}

Tokyo Night · dark

Choosing a theme for Dart

Widget trees indent quickly. A portrait ratio keeps the nesting visible without shrinking the text to fit a landscape frame.

Getting the size right

Let the image follow your content, or lock it to a ratio — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, or 3:4 — then export at 1×, 2×, or 3× so it stays sharp on a retina display. Copy it straight to the clipboard with ⌘⇧C, or save with ⌘S.

See all 30 themes side by side, or read the full workflow.

Built for Dart, and 59 other languages

Everything runs on your Mac. Your code never leaves it.

Download for macOS