Bar Grow
DataA bar chart whose bars grow from the baseline one after another when it scrolls into view; hovering a bar shows its value.
Components / Data
9 components · 4 at 0 B
Animated numbers and small charts for Astro: rolling digits, a price toggle, a flip countdown, sparklines and bars that grow into view.
A bar chart whose bars grow from the baseline one after another when it scrolls into view; hovering a bar shows its value.
A flip clock counting down to a date: days, hours, minutes, seconds, each a card whose top half folds down over the hinge when the number changes.
A ring, a three-quarter arc or a half circle that fills to a value as it scrolls into view, the number counting up in the middle with it and a label under it.
1,284
A number whose digits roll to the new value when it changes.
One line that says whether a place is open now and until when, or when it opens next, read from the week's hours in the place's own time zone, whatever the reader's clock says.
sample prices
Starter
$12/mo$115/yr
one site
Studio
$48/mo$460/yr
up to ten
A monthly / yearly toggle whose prices roll to the other amount instead of swapping.
A QR code for a URL or a short text, encoded at build and drawn as one SVG path inside the quiet zone a reader needs.
A small line chart that draws itself from left to right when it scrolls into view; the last point lands and pulses.
A row of bars drawn from a word, like the shape of an episode's sound.