ComponentReactregistry:ui3 dependencies

Health Gauge

health-gauge

A bounded single-metric dial: a 270° arc on one flat track, a value arc that draws in behind an end marker, and a centre number that counts up to it. Clicking the dial cycles the metric and the arc redraws.

@ssych Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @ssych/health-gauge

Needs @ssych in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ssych
Kind: Component
Framework: React
Files: 1 · 6.8 KB
Preview: Live
License: Not tracked · check @ssych

npm dependencies

clsx motion tailwind-merge

@ssych

More from @ssych

Search the catalog

Health Gauge

More from @ssych