Appboxo UI Kit

@appboxo/ui-kit is the design system distilled out of the Boxo mini-apps monorepo: typography, layout primitives, form controls and surfaces — themeable through CSS custom properties, host-agnostic by design.

The kit ships 37 brand themes (default + 36 partner brands) and works in Next.js, Vite, CRA and any environment that runs React 18.

What you get

• 45+ components built on Arco Design Mobile (Buttons, Inputs, Card, Drawer, Toast, Tip, DatePicker, …)
• Typography scale (LargeTitle, Title1-3, Body1-2, Footnote1-2, Callout, Headline, Caption1-3)
• Hooks (useDevice, useBreakpoint, useDarkMode, useSafeArea, …)
• Host integration setters for haptic feedback and native share
• Provider context (UIKitProvider) that lets components route / link / translate through whichever host you wire in

Quick taste

// Legacy combined view — kept so the landing-page "Quick taste" still
// works. The dedicated per-variant routes live in `button-*.tsx`.

import { ButtonVariantsPreview } from "./button-variants"

export function ButtonPreview() {
  return <ButtonVariantsPreview />
}

export { ButtonVariantsPreview } from "./button-variants"
export { ButtonLinkPreview } from "./button-link"
export { ButtonDisabledPreview } from "./button-disabled"
export { ButtonLoadingPreview } from "./button-loading"

Status

0.3.2 — API is stabilizing. Internal apps are being white-labeled onto the kit before external partners onboard.

Copypnpm add @appboxo/ui-kit

Published on npm as @appboxo/ui-kit. See Setup for the full peer-dependency list and host wiring.