307

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 — see the Tailwind v3 docs if you are still on v3).
  • 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 Virtualizer are guides built around third-party libraries — their pages describe which packages to install.