PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Intro
  • Components
  • Installation
  • MCP
Agents
  • Chat Composer
  • Workflow Board
  • Thinking States
  • Audio Visualizer
  • Task Pipeline
  • Approval Card
  • Model Ability Selector
  • Model Selector
  • Response Writer
  • AI Suggestions
  • Token Counter
Crafts
  • All Crafts
  • Avatar Flight
  • Voice Record
  • Starfield Card
  • Destination Queue
  • Rolling Bento
  • Download Button
  • Cart Stepper
  • Heart Burst
  • Copy Bar
  • Generative Grid
  • Destination Card
  • Magnetic Button
  • Morphing Copy
  • Expanding Search
  • Metric Tracker
  • Tilt Card
  • Animated Stack
Charts
  • API Traffic
  • Weekly Traffic
  • Financial Performance
  • Channel Sales
  • Customer Growth
  • Customer Segments
  • Sales Overview
  • Traffic Distribution
  • Daily Orders
  • Acquisition Funnel
  • Weekly Attendance
  • Market Trends
  • Portfolio Overview
  • Instance Health
  • Resource Usage
  • SaaS Subscriptions
  • Database Performance
  • Model Usage
  • Spend Allocation
Motion
  • Accordion
  • Alert
  • Calendar
  • Checkbox
  • Collapsible
  • Combobox
  • Context Menu
  • Dropdown Menu
  • Empty
  • Hover Card
  • Input OTP
  • Menubar
  • Navigation Menu
  • Pagination
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Sidebar
  • Slider
  • Switch
  • Tabs
  • Tooltip
  • Reveal Text
  • Scramble Text
  • Squash Text
  • Bouncing Text
  • Mouse Wave Text
  • Text Fall Button
  • Spring Button
  • Infinite Scroller
  • Fillable Button
  • Layered Stack
  • Gradient Shadow
  • Profile Peek
  • Flip Reveal
  • Reveal on Scroll
  • Swap
  1. Components
  2. Charts
PreviousNext

Instance Health

A system health gauge dashboard card displaying overall uptime status and sub-metric performance variables.

When to use

  • Multi-instance cloud cluster health monitoring with radial uptime status indicators.
  • DevOps dashboards tracking overall cluster state (Healthy, Degraded, Critical).
  • Sub-metric telemetry breakdowns for CPU temperatures, memory headroom, and packet loss.

When not to use

  • High-level marketing or business growth metrics.
  • Static historical reports that do not reflect operational system status.

Props

PropTypeDefaultDescription
dataInstanceHealthMetric[]metricsArray of sub-metric gauge items with name, value, decimals, suffix, change, isPositive, and color.
overallValuenumber96.5The primary instance health percentage displayed in the radial gauge.
classNamestring—Optional custom CSS classes for the card container.

Data Structure

FieldTypeDescription
namestringMetric title (e.g., Buffer Pool Hit Rate).
valuenumberCurrent numerical value.
decimalsnumberNumber of decimal places to format with.
suffixstringUnit suffix (e.g. %, ms).
changestringRate of change string indicator (e.g., +0.12%).
isPositivebooleanWhether the change trend is positive or negative.
colorstringCSS variable color token for the metric.
Portfolio OverviewResource Usage

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

Database Instance Health
0.0%Instance Health
Buffer Pool Hit Rate
97.4%+0.12%
Query Success Rate
71.6%+0.05%
Connection Uptime
52.3%-0.15%
Storage Available
21.8%-2.40%