AsheeUI
A React component framework for Tailwind CSS v4, components, a layout system, one configuration cascade, and a theme controller.
AsheeUI is a component framework for React and Tailwind CSS v4. It ships the components a product is actually made of, not a button and a card, but the page compositions, the field family, the four states every region can be in, and the two tables, behind one configuration cascade and one theme controller. It renders on the web and on React Native from the same descriptions.
npm install asheeuiGet started · Browse the components · Theming
What it is
| A component set | 61 components, each with the states it needs: busy, disabled, invalid, empty, loading, failed |
| A layout system | One spacing scale and one set of breakpoints; pages are Page, bands are Section, and a composition has a name |
| A configuration cascade | The application states its defaults once; a component registration and an instance override them, in that order |
| A theme controller | Built-in light and dark, plus custom themes that inherit a built-in palette and override six values |
| Two platforms | The same page descriptions render in a browser and on a device, through the same contracts |
What makes it different
Nothing is restated. A colour role is a token, a spacing step is a token, a radius is a token. When a theme changes, everything that resolved through the cascade changes with it.
Components are data, not markup. A table is a list of columns and rows, an accordion is a list of items, a hero is a title and two actions. That is what lets the same description render in a browser and on a device, and it is why a page can be stored, composed and regenerated.
Accessibility is the default, not a pass. Roles, states and announcements come from the component. A page that does nothing special is a page a screen reader can use.
No build plugin. Two imports and a provider are the whole setup, no virtual module, no generated file, no bundler configuration.