Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui1 dependency

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.

@elementsRegistry JSON
Live, loading

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.

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.
@elements

More from @elements

All 40 items
GitHub Stars
github-stars
Block
Dot Matrix Loader
loader-dot-matrix
Block
Helix Loader
loader-helix
Block
Signal Bars Loader
loader-signal-bars
Block
AI Memory Viewer
memory-viewer
Component
AI Routing Indicator
routing-indicator
Component
AI Task List
task-list
Component
Theme Switcher Button
theme-switcher-button
Component