Goal meters

Numbers that have a target: a meter carrying severity across the whole bar, a notch at the expected pace, and a state that survives losing the colour.

Id: stat-card-03
Files: 3 to copy
Components: 3

—px

Installation

One package covers every block on this site — the files below are yours the moment it is installed. Copy them into your project and edit them; nothing here is imported from a registry you have to keep in step with.

npm install kipui

import { Badge, Separator, Tooltip } from "kipui";

Peer dependencies

react 19

react-dom 19

tailwindcss 4

Bundled dependencies

None beyond the peers above.

Built with

Every control in this block is a shipped component. Nothing is hand-rolled around the library, so restyling one of these restyles the block with it.

Badge
Separator
Tooltip