ComponentReactregistry:ui

AI Latency Meter

latency-meter

Response time visualization with TTFB and total duration display, color-coded performance indicators, animated progress bar, and compact/expanded variants.

@elements Registry JSON

This item declares no source files.

Notes from the author

Compound component for visualizing AI response latency. Performance levels: fast (<1s, green), moderate (<3s, yellow), slow (>3s, red). Shows TTFB (time to first byte) and total duration. Supports compact (inline badge) and expanded (full bar chart) variants with loading animation.

Install

npx shadcn@latest add @elements/latency-meter

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

Registry: @elements
Kind: Component
Framework: React
Files: 0 · 8.7 KB
Preview: Unavailable

npm dependencies

lucide-react

This item belongs to @elements. Registry Index indexes and previews it; check the registry's license before use.