shadcn Release Notes

Patch Changes

• #12189 76fd499595ba7cc01f49d159bd7ac82d7aca8e63 Thanks @shadcn! - Drop the ts-morph dependency from @shadcn/registry.
• #12184 995c2cfff44c373bd210d451089726ec097ab917 Thanks @shadcn! - Run the icons and asChild transformers without ts-morph.
• #12160 6efecd8fe9aa167886fe2cc0c05c5623a5bb5670 Thanks @shadcn! - Edit the Next.js layout for font items without ts-morph, and skip it with a warning instead of writing a broken layout.
• #12188 efa11781f756c86debb0392fbea4fe468250b41b Thanks @shadcn! - Rewrite imports and crawl file imports without ts-morph.
• #12177 e8c3143b1cd191280befcd6c9538284bb43399a8 Thanks @shadcn! - Edit tailwind.config without ts-morph, and skip it with a warning instead of writing a broken config.
• #12183 f56bbd7282f0116a925a601cb6d7e0c3fede448b Thanks @shadcn! - Run the rsc, import, CSS variable, cleanup, font and menu transformers without ts-morph.
• #12185 4a90344c42dc9ae47494179065219377ff5f2a8f Thanks @shadcn! - Run the Tailwind prefix and RTL transformers without ts-morph.

Updated dependencies [76fd499595ba7cc01f49d159bd7ac82d7aca8e63, 995c2cfff44c373bd210d451089726ec097ab917, 6efecd8fe9aa167886fe2cc0c05c5623a5bb5670, 232d7e2c128d94d37a6dae74e3b0e1a8f08ff6e4, efa11781f756c86debb0392fbea4fe468250b41b, e8c3143b1cd191280befcd6c9538284bb43399a8, f56bbd7282f0116a925a601cb6d7e0c3fede448b, 4a90344c42dc9ae47494179065219377ff5f2a8f]:

• @shadcn/[email protected]

Patch Changes

• #12189 76fd499595ba7cc01f49d159bd7ac82d7aca8e63 Thanks @shadcn! - Drop the ts-morph dependency from @shadcn/registry.
• #12184 995c2cfff44c373bd210d451089726ec097ab917 Thanks @shadcn! - Run the icons and asChild transformers without ts-morph.
• #12160 6efecd8fe9aa167886fe2cc0c05c5623a5bb5670 Thanks @shadcn! - Edit the Next.js layout for font items without ts-morph, and skip it with a warning instead of writing a broken layout.
• #12146 232d7e2c128d94d37a6dae74e3b0e1a8f08ff6e4 Thanks @shadcn! - Load ts-morph only for addRegistryItems, so the read-only API bundles about 6 MB smaller.
• #12188 efa11781f756c86debb0392fbea4fe468250b41b Thanks @shadcn! - Rewrite imports and crawl file imports without ts-morph.
• #12177 e8c3143b1cd191280befcd6c9538284bb43399a8 Thanks @shadcn! - Edit tailwind.config without ts-morph, and skip it with a warning instead of writing a broken config.
• #12183 f56bbd7282f0116a925a601cb6d7e0c3fede448b Thanks @shadcn! - Run the rsc, import, CSS variable, cleanup, font and menu transformers without ts-morph.
• #12185 4a90344c42dc9ae47494179065219377ff5f2a8f Thanks @shadcn! - Run the Tailwind prefix and RTL transformers without ts-morph.

Patch Changes

• #12143 8c2bf3882cb856ac10abbb162bdc0b8383ebd432 Thanks @shadcn! - Accept components.json and package.json files that start with a UTF-8 byte order mark.
• #12142 95efb5cd8d7f13adba70b58b1119211e8980683f Thanks @shadcn! - replace cosmiconfig with a smaller custom reader.
• #12140 3b1ae6e43f082dd82d0e5710b813cfad929abdb4 Thanks @shadcn! - Skip npm audit and the funding check when installing or removing dependencies, or creating a project, with npm.

Updated dependencies [8c2bf3882cb856ac10abbb162bdc0b8383ebd432, 95efb5cd8d7f13adba70b58b1119211e8980683f, 3b1ae6e43f082dd82d0e5710b813cfad929abdb4]:

@shadcn/[email protected]

Patch Changes

• #12087 bf6646b449684e687f28531305eca4e4768c2782 Thanks @shadcn! - Add @shadcn/registry, the registry engine behind the CLI. shadcn now depends on it, and shadcn/registry and shadcn/schema re-export it, so there are no changes for existing users.
• #12061 a9c1da49ec4eab488dc99c69ae20a7ffaa4897d4 Thanks @shadcn! - fix shimmer reduced motion handling when used with a variant
• #12087 bf6646b449684e687f28531305eca4e4768c2782 Thanks @shadcn! - shadcn docs only rewrites links on the ui.shadcn.com host.

Updated dependencies [bf6646b449684e687f28531305eca4e4768c2782]:

• @shadcn/[email protected]

What changed

Every shadcn component now imports cn from the cn package.

For years, every shadcn project started with the same five lines in lib/utils.ts: import clsx, import twMerge, wrap one in the other, export it as cn. It worked, but it meant two dependencies and a helper you had to copy into every project and every registry.

We have moved that into a package.

cn is a drop-in replacement for twMerge(clsx(...)). It is smaller, faster and ships the same API, so nothing changes at the call site.

• Registry components, blocks and examples import cn from cn instead of @/lib/utils.
• npx shadcn init installs cn and generates a one-line lib/utils.ts.
• Every registry item that uses cn declares it as a dependency, so npx shadcn add installs it in projects created before this change.

lib/utils.ts

The utils registry item still exists. It now re-exports cn so your own code keeps working and you still have a single place for project helpers.

Existing projects

Nothing breaks. Your lib/utils.ts keeps working and new components install cn next to it. To move the rest of your project over and drop clsx and tailwind-merge, run the migration:

pnpm dlx shadcn@latest migrate cn

It rewrites imports, replaces twMerge(clsx(...)) calls and removes the old packages when nothing references them anymore. See the CLI docs for details.