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+