v0.6.0gauge_indicator
An animated, highly customizable, open source, Flutter gauge widget.
217Likes 19.5K30-day downloads160Pub points
AndroidiOSWebmacOSWindowsLinux
gonuit/gauge_indicator
gonuit/gauge_indicator open-source repository details.
- Stars
- 34
- Forks
- 19
- Last push (UTC)
- May 27, 2026
- Project status
- Active
GITHUB User
Kamil Klyta ↗
LanguagesDartC++CMakeGLSLRubySwiftHTMLCKotlinObjective-C
Packages published by this repository
v0.6.0Dependencies used
Dependency list 3 items
- flutter
{"sdk":"flutter"} - flutter_lintsDevelopment
^5.0.0 - flutter_testDevelopment
{"sdk":"flutter"}
Original README
English project snapshot. Visit GitHub for the latest content.
Expand / collapse project README
Radial gauge
Animated, highly customizable, open-source Flutter gauge indicator widget.
https://raw.githubusercontent.com/gonuit/gauge_indicator/854f73cc961899b0820101aa8fc2e68d289b16ee/readme/space_gauge.gifCheck out a working example! 🔗
Examples
Click any thumbnail to open it in the hosted playground. Source for each lives in example/lib/examples/.
| Getting started Getting started |
Zones Zones |
Active zone Active zone |
| Zone labels Zone labels |
Thermometer Thermometer |
Step goal Step goal |
| Voltmeter Voltmeter |
Activity rings Activity rings |
Live heart rate Live heart rate |
| Rank progression Rank progression |
Progress bar shader Progress bar shader |
Usage
Install:
flutter pub add gauge_indicator
Drop an AnimatedRadialGauge (or RadialGauge) into your tree, sized by its parent:
import 'package:gauge_indicator/gauge_indicator.dart';
SizedBox(
width: 280,
height: 200,
child: AnimatedRadialGauge(
duration: const Duration(milliseconds: 800),
value: 65,
axis: const GaugeAxis(min: 0, max: 100),
),
)
Pointers, progress bars, zones, gradients, and labels are all opt-in via the GaugeAxis config — see the gallery above for working setups.