Catalog
Every Component comes as Flutter source you own. Open one to tune it.
Charts & data
Charts & data
Bar Chart
A compact bar chart for an activity card: the bars spring up from the baseline one after another, glide to new values from wherever they are, and one highlighted bar glows in a gradient with its value above it.
- motion component
- iOS
- Android
- Flutter 3.47.0+
Charts & data
Dot Grid
A grid of rounded dots that fills in a ripple to show a value, each dot springing in size and colour as it lights up, with a big number counting up beside it. Switch it to a streak calendar and it colours a week-by-week grid from a list of daily intensities.
- motion component
- iOS
- Android
- Flutter 3.47.0+
Charts & data
Line Chart
A line chart that draws itself in from left to right under a soft gradient fill, ending in a glowing dot, and again whenever its data changes. Touch and drag, or use the arrow keys, to scrub a cursor with a value chip across the points; an optional grey line compares a benchmark.
- motion component
- iOS
- Android
- Flutter 3.47.0+
Charts & data
Liquid Fill Gauge
A glass, flask, bottle or battery that fills with liquid to its value: a moving two-layer wave surface that sloshes when the level changes, drifting bubbles, optional tick marks and a readout that counts with the level in two colours, one above the liquid line and one below.
- motion component
- iOS
- Android
- Flutter 3.47.0+
Charts & data
Ring Progress
A circular progress ring that sweeps to its value with a smooth ease, a colour gradient along the arc and a soft glow at its tip, with the percentage counting up in the centre.
- motion component
- iOS
- Android
- Flutter 3.47.0+