309

Installation

How to install dependencies and structure your app.

junwen-k/ui-x is an extension of shadcn/ui and is distributed through the same registry system. Set up shadcn/ui in your project first by following the official installation guide for your framework.

Requirements

  • A project set up with shadcn/ui (Tailwind CSS v4 and React 19 for the latest components). The Tailwind v3 docs are no longer maintained and remain archived at v3-ui-x.junwen-k.dev.
  • Components are built on Base UI primitives, matching shadcn/ui's Base UI-based components.

Installing components

Every component can be installed with the shadcn CLI by pointing at this registry:

pnpm dlx shadcn@latest add junwen-k/ui-x/date-field

Each component's documentation page includes its exact install command, along with a manual installation option if you prefer to copy the source directly.

Utilities

Utility docs such as Sortable and Virtualized are guides built around third-party libraries — their pages describe which packages to install.