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

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.