Production-ready React components for multi-tenant SaaS back-offices — data-dense, utilitarian, calm. One versioned package; every product upgrades together.
General-purpose kits stop at buttons and dialogs. Arkite ships the layer above — the composites every admin panel rebuilds badly.
AdminLayout with permission-aware nav, TenantSwitcher,
DataTable, FilterBar, BulkActionBar — wired to
work together.
WCAG AA contrast enforced by CI, keyboard navigation tested in real Chromium, screen-reader-friendly forms with proper label association. Accessibility is a test suite here, not a promise.
Placeholders, empty states, calendar names, every aria-label — one
LocaleProvider localizes the whole tree. English and Traditional Chinese
built in.
Tailwind CSS v4 + design tokens — no CSS-in-JS runtime, no style recalculation cost.
Dark mode follows prefers-color-scheme out of the box; retheme everything
from one --radius.
Server-side pagination, sorting, and column filters with one hook —
useServerTable owns the state, you fetch, the table renders. Frozen
columns, row selection, and expandable rows included.
llms.txt ships in the package — setup, design rules, and the full typed
API, machine-readable. Your coding agent imports the right component on the first try.
The public API is snapshot-tested — every prop change is deliberate. Breaking changes ship with a codemod: one command migrates your repo.
Desktop sidebar, mobile bottom tabs: hideSidebar="mobile" +
bottomNav slot with safe-area padding handled. One layout, both form
factors.
Not a zero-dependency drop-in: components need React, Tailwind CSS v4, and a few peer
packages. init sets all of it up — installs the peers and
writes the theme CSS. Prefer manual control? The
Getting Started
guide lists every step.
# scaffolds peer deps + Tailwind v4 theme CSS npx @arkite-ui/core init import { Button, LocaleProvider, zhTW } from '@arkite-ui/core' import '@arkite-ui/core/styles.css' <LocaleProvider locale={zhTW}> <Button variant="primary">開始使用</Button> </LocaleProvider>
Swap the entire palette at runtime. Custom brands get AA-passing foregrounds automatically.
70 components. The ones other libraries make you wish for — multi-select, frozen columns, command palette — are already here.
Start from the template — admin shell, server-driven table, forms, and mobile nav already wired.