Arbol UI

@arbol-ai/ui is the component library of Arbol’s Raíz, Agenda and Account dashboards: React Aria Components styled with Tailwind CSS v4, a token-based theme, and an agent skill that teaches coding agents to assemble pages with it. It is open source under the MIT license and published to npm.

• Accessible by construction. Keyboard, screen readers, focus management and touch come from React Aria.
• Localized. The library’s own strings ship in Spanish and English, follow your app’s locale, and can be replaced with your own translation functions (Paraglide, i18next).
• Router-agnostic. Every href routes through your router via one provider.
• Dashboard-ready. Data tables on TanStack Table, filters, pagination, stats, charts on ECharts, forms on TanStack Form, overlays with an unsaved-changes guard, an app shell and settings pages.
• Themeable. Every color, radius, shadow, font, size and width is a CSS variable: change one and every component follows. Light, dark, brand and mono.

What it holds

Presentation only: components, blocks, the design tokens and the strings components say by themselves. No API calls, routes, permissions or app copy. Your app passes its own translated text through props and children, and keeps its state, its data and its URLs.