Open source
AI Motion FX
- Flutter
- Dart
- CustomPainter
Project overview
A Flutter animation package with animated orbs, voice-reactive glows, border beams and image reveals, built with CustomPainter.
what went into it
- 01
Built animation widgets with pause, speed, theme and reduced-motion controls.
- 02
Implemented voice-reactive glow, border-beam and image-reveal effects without WebViews or shader assets.
- 03
Documented the API with real visual examples and credited the upstream orb implementation.
build log
How I built it.
The problem
Most Flutter animation packages either ship shader assets or wrap a WebView. I wanted glows, orbs and reveals that are pure Dart and cheap enough to leave running.
Architecture
- CustomPainter
- Every effect is painted directly with CustomPainter. No shader files, no WebViews, nothing to bundle.
- Controls
- Each widget exposes pause, speed and theme controls, and respects the system reduced-motion setting.
- Docs
- The README uses real captures of each effect, so users can judge it before installing.
What I’d change
- Add golden tests per effect so painter changes show up as image diffs.
- Benchmark on a low-end Android phone before every release, not after the first complaint.
Orb implementation ported from thinking-orbs by Jakub Antalik (MIT); credits are preserved in the repository.