Back to selected work

Vagabond UI

A React component library with 38 component families, light and dark themes, and attention to interaction details.

Source code (opens in a new tab)npm package (opens in a new tab)
Vagabond UI action bar component in its documentation.
Action bar

A reusable interface foundation

Vagabond UI is a React 19 and TypeScript component library built with Radix UI and Tailwind CSS. It includes 38 component families and supports light and dark themes.

Interaction as part of the component

The Action Bar work includes keyboard behavior, focus management, and reduced-motion support. Those interaction details sit alongside the visual design of the library.

Beyond the source repository

Typed exports, consumer installation checks, and browser tests cover how the library is used as a package. Both the source repository and published npm package are linked above.

More views

Vagabond UI select tree component and nested options.
Select tree
A team chat interface built with Vagabond UI components.
Team chat template
Dashboard built with Vagabond UI components.
Dashboard template
Vagabond UI banking dashboard with account and transaction views.
Banking template
Vagabond UI support workspace with customer tickets.
Support template

Vagabond UI