Bento Tile Countup 1 - Count-up gauge tile

Free

Animated bento tile with radial gauge segments, beam lines, and count-up percentage display.

Shadcn Bento Tile Countup 1 component

Component data

ID
bento-tile/bento-tile-countup-1
Access
free
Created
Jul 13, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Bento Tile Countup 1 component design & features

This example uses the shadcnblocks Bento3Tile1 component to render an animated radial gauge with count-up percentage text, staggered segment fills on scroll, and looping beam lines along SVG paths. The tile centers a metric label beneath the animated value.

Count-up gauge tiles work well inside bento grids on dashboards, analytics landing pages, and feature sections where a single KPI needs motion and visual emphasis without a full chart component.