Features

2 layouts · 8 components

Bento Feature Showcase

Asymmetric bento grid with one wide telemetry card, quota meters, and a capabilities tile.

1280px

Platform

One system for every surface you ship

Observability, data views, and motion primitives built on the same tokens — so a dashboard and a marketing page never drift apart.

Realtime telemetry

Percentile latency straight from the edge, refreshed as traffic lands.

Live
Latency by day in millisecondsBar chart. Values are also provided in the accompanying data table. Focus a bar to read its value.0 ms17.75 ms35.5 ms53.25 ms71 msMonTueWedThuFri
  • p50
  • p95
Latency by day in milliseconds — data
Categoryp50p95
Mon38 ms62 ms
Tue34 ms58 ms
Wed41 ms71 ms
Thu30 ms52 ms
Fri28 ms47 ms
p50
31 ms
19%
faster than last period
p95
54 ms
12%
faster than last period

Budget guardrails

Usage limits surface before a bill does.

API requests6.8M of 10M
68%
Storage340 GB of 1 TB
34%
Team seats182 of 200
91%
New

60 primitives, one import

Every component ships typed props and a documented API — no wrapper layer to learn.

Composable slots
CSS variables
WCAG reviewed
Reduced motion
Components adopted
48of 60
+12
across 4 products this quarter
80%

80% of the library in production

Components used

  • BarChart
  • Badge
  • Card
  • Heading
  • ProgressBar
  • Statistic
  • Tabs
  • Text

Install

npm install @coloxo/ui

The block imports only from @coloxo/ui and lucide-react. Styling uses the package token layer, so no Tailwind setup is required.

All blocksBrowse components