A semicircular (half-circle) gauge / dial that shows a single measurement within a known range, drawn with an SVG arc that fills from the left with a smooth animated transition. Use it whenever you want an at-a-glance meter rather than task progress: CPU/memory/server load, disk or storage usage, API rate-limit or quota consumption, a health/uptime or performance score, a speedometer, temperature/humidity, battery or signal level, a credit/risk or Lighthouse-style score, or a KPI/target attainment dial. Set `segments` to change the arc color at thresholds — e.g. green under 60, amber under 85, red to 100 — passing shadcn/Tailwind color classes so zones stay theme-aware; omit it for a single primary-colored dial. Configure the scale with min/max, render the number in the center with showValue, add a caption via label, or supply children for fully custom center content, and format the number with formatValue. shadcn/ui ships no gauge, meter, or speedometer component; unlike the linear Progress or a radial progress ring (which read as completion), this exposes role=meter with aria-valuemin/max/now for a measured value. No dependencies beyond your cn util.
Provided by pulld
Install directly from the provider.
Light Mode
Dark Mode
Theme
CSS
No CSS found.