gauge_indicator 0.5.0-beta.7

An animated, highly customizable, open source, Flutter gauge widget.

Radial gauge

Animated, highly customizable, open-source Flutter gauge indicator widget.

Check 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	Zones	Active zone
Zone labels	Thermometer	Step goal
Voltmeter	Activity rings	Live heart rate
Rank progression	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.