Open source
A browser-engine mindset, brought to Flutter SVG.
Denis created and maintains full_svg_flutter, a self-contained rendering runtime for teams that need existing SVG assets to remain SVG inside Flutter.
Public snapshot · 17 Aug 2026
01 · Problem
The asset works in a browser. In Flutter, the animation disappears.
Many pipelines solve that gap by converting the asset to Lottie, Rive, GIF, WebP, or custom Flutter animation code. Those can be good tools—but conversion is the wrong cost when SVG is already the source of truth.
02 · Engine
One DOM-preserving engine for static and animated SVG
The package parses the document model, CSS, timing, filters, text, and interaction state, then paints inside Flutter. JavaScript-driven SVGator exports run through a bundled QuickJS engine; SVGs without scripts pay no JavaScript startup cost.
03 · Runtime
What the runtime covers
- Static geometry, gradients, patterns, clipping, and masks
- SMIL and CSS @keyframes animation
- Path morphing, motion paths, and playback control
- All 17 SVG filter primitives
- Rich text, textPath, bidi/RTL, and accessibility metadata
- Inline JavaScript and SVGator exports
- flutter_svg-compatible static API migration
- Android, iOS, macOS, Windows, and Linux
04 · Demo
One SVG file. Native browser animation here; native Flutter rendering in the package.
This page displays the project's own animated SVG asset in the browser. In a Flutter application, full_svg_flutter renders the same source format inside Flutter without a WebView or conversion step.
A practical migration path
Existing static SvgPicture usage can often move with an import change. FSvgPicture auto-detects animation markers, while AnimatedSvgController adds pause, seek, rate, direction, and SVG view control when the product needs it.
05 · Runtime stack
Documentation for the runtimes behind real edge cases.
Technical writing
The problem: Flutter SVG support is usually static
A practical explanation of the rendering gap, common workarounds, playback control, performance trade-offs, and when keeping SVG as SVG is the right choice.
Read the technical breakdown (opens in a new tab)Contact
Need to build, modernize, or unblock a digital product?
Bring the real constraint—web, mobile, team delivery, or an AI workflow that needs to become production-worthy.
Discuss a project