Built by Eduardo J. Barrios / edujbarrios
Self-made UI components ready to copy, paste, and use.
An open-source collection of handcrafted TypeScript UI components for modern frontend projects, AI products, dashboards, and creative interfaces.
Usage trend
Latency budget
271msFeedback
94%
Useful
89%
Clear
96%
Fast
Copy-paste friendly
Each piece ships with source and usage.
Typed by default
React and TypeScript stay front and center.
Open-source lab
Built in public and easy to inspect.
Product-minded
Patterns for AI tools, dashboards, and flows.
Remix-ready
Small surfaces you can adapt fast.
Featured components
Newest
Agent SLA Scorecard, Reasoning Checkpoint Rail, Tool Health Matrix, Release Confidence Card
Best for
AI workflows, launch reviews, and developer dashboards
Release confidence
Blocking regressions
0
Confidence
94 / 100
Cards
A ship-readiness card that combines evaluation, grounding, reliability, regressions, and an overall release confidence score.
Tool health
AI Interfaces
A runtime dependency matrix showing tool success rate, P95 latency, and degraded states for agent operations.
Reasoning rail
Intent
doneScope resolved
Evidence
done4 sources grounded
Tool plan
active2 calls approved
Final answer
queuedWaiting on tool result
AI Interfaces
An ordered run rail that makes intent, evidence, tool planning, and answer readiness visible at a glance.
Agent SLA
Cards
A compact production scorecard for tracking agent success, latency, escalations, and remaining breach budget.
Localization
Cards
A localization progress summary with per-language completion percentages.
Tool spend
$0.29
25 calls
8 calls
3 calls
14 calls
AI Interfaces
A per-tool spending summary showing call volume and relative cost for an agent run.
Open lab, public code
edujbarrios-ui is built as a personal open-source lab: practical components, visible source, and a gallery that feels useful the moment it loads.
Gallery pulse
New pieces are added as reusable patterns: preview, source, usage, and accessibility notes.