June 2025 - radix-ui Migration

A new command to migrate to the new radix-ui package.

We've added a new command to migrate to the new radix-ui package. This command will replace all @radix-ui/react-* imports with radix-ui.


pnpm dlx shadcn@latest migrate radix

It will automatically update all imports in your ui components and install radix-ui as a dependency.

components/ui/alert-dialog.tsx

- import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+ import { AlertDialog as AlertDialogPrimitive } from "radix-ui"

Make sure to test your components and project after running the command.

Note: To update imports for newly added components, run the migration command again.

Build with DWL Components

Use the copied registry, charts, blocks, and create tools in one place.

Start from the DWL Components create flow and customize from there.