Introduction
A new, modern UI component library built on top of Ark UI.
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable. Built by ARK UI.
Key features
- shadcn-style library — Same mental model as shadcn/ui: install nothing as an opaque package; own the source under
src/components/ui/. - Powered by Ark UI — Complex primitives (dialogs, menus, selects, and more) delegate to Ark’s headless parts and state machines.
- Composable by design — Build flows from Ark
Root/ part APIs and thin wrappers that match your product. - Tailwind CSS v4 — Utility-first styling with project tokens in
src/styles.css. - Typed and linted — TypeScript-first components, Biome for format and lint, and stable patterns for collection-driven UIs.
Why ARK CN?
You get shadcn’s workflow (read, fork, ship) with Ark UI’s implementation under the same components. That keeps accessibility and interaction behavior aligned with a maintained headless library, while routes, forms, and demos still own loading, errors, and empty states.
Primitives stay theme-token-driven and visually neutral; branding and layout live at the page level.
Credits
- Ark UI — Headless component library (behavior and accessibility).
- shadcn/ui — Ownership model, composition style, and design language.
- TanStack Router / Start — File-based routing and app shell.
- Content Collections — MDX docs pipeline and generated types.
- Tailwind CSS — Styling system (v4 in this project).