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
Context Window Meter, Human Checkpoint Card, Tool Call Inspector, Feedback Score Card
Best for
AI workflows, launch reviews, and developer dashboards
Agent activity
search_docs
design system tokens
read_file
components/card.tsx
write_patch
3 changes proposed
AI Interfaces
A live execution trace for agent tools, file operations, and long-running tasks.
Human checkpoint
The agent is paused before a high-impact step.
Auto-cancels in 4:58
AI Interfaces
A high-impact approval gate that explains consequences before an agent continues.
Context window
6.6k tokens available for response
AI Interfaces
A token allocation breakdown for system instructions, conversation history, and retrieved sources.
Rate limits
Cards
A live capacity view for request and token budgets with reset timing and projected headroom.
Retrieval health
12,482 chunks indexed · 3 sources online
AI Interfaces
A source-level health summary for RAG indexes, sync freshness, and retrieval quality.
Agent handoff
readyBilling specialist
Confidence 96%
Context attached
AI Interfaces
A transparent transfer surface for routing conversations between specialized agents with shared context.
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.