ByteeStudio

Flutter Asset Viewer Pro

Asset auditing, tree inspection, and pubspec asset optimizer for Flutter teams

Kind
Developer Tools
Year
2023
Role
Creator & Architect
Status
Live
flutter_asset_viewerpubspec.yaml
Verified 3 assets
logo_brand.svgReferenced
Vector SVG4.2 KB
hero_banner.webp3 Variants
1920 x 1080 px
WebP Lossless78.4 KB
legacy_badge.pngUnreferenced
0 references
Prunable asset184 KB
A working simulation of the Flutter Asset Viewer Pro workflow, built for this page.

The problem

Manual asset tracking in Flutter is error-prone. Typos in asset string paths only reveal themselves at runtime, while unused large bitmaps inflate app download sizes without developer awareness.

The approach

Developed a workspace analyzer that maps physical filesystem assets to code usages, provides thumbnail grids with dimension and file-size telemetry, and generates compile-safe Dart constants.

How it is built

Dart CLI, Flutter Desktop, Vector Graphics, YAML Parser

  1. 01AST-based static code analysis scanning codebase for asset string references
  2. 02Multi-threaded disk scanner for high-speed indexing of huge asset folders
  3. 03Automatic type-safe code generator compatible with Flutter Gen / build_runner workflows

What it does

  • Visual asset grid with real-time size, resolution, and format breakdown
  • Dead asset detector flagging images declared in pubspec but never referenced in code
  • Instant SVG and Lottie JSON playback previews within the inspector
  • One-click pubspec.yaml asset declaration sync and alphabetical sorting
  • Generated Dart class with compile-time type-safe constants

Challenges and how we solved them

Handling diverse asset resolution directories (2.0x, 3.0x, dark variants).

Created a Flutter variant grouping algorithm that collapses pixel-density twins into a single master asset entry.

Flutter Asset Viewer Pro is in active production and continuously maintained.