Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

anjanesh's avatar

Is shadcn using React 19 + TailWindCSS 4 still in canary mode ?

Official docs on shadcn (https://ui.shadcn.com/docs/tailwind-v4) says "Tailwind v4 and React 19. Ready for you to try out. It's available in the canary release of the CLI"

But https://laravel.com/docs/12.x/starter-kits#react says - "Our React starter kit is built with Inertia 2, React 19, Tailwind 4, and shadcn/ui."

So is the Laravel React Starter kit using a canary version and not a stable released version of shadcn ?

0 likes
2 replies
LaryAI's avatar
Level 58

The confusion here seems to stem from the different stages of release for the technologies involved. Let's break it down:

  1. Shadcn with React 19 and TailwindCSS 4: According to the official shadcn documentation, the combination of React 19 and TailwindCSS 4 is available in the canary release of their CLI. A canary release typically means it's a pre-release version intended for testing and feedback, not necessarily a stable release.

  2. Laravel React Starter Kit: The Laravel documentation mentions that their React starter kit is built with React 19, TailwindCSS 4, and shadcn/ui. This suggests that the Laravel team has opted to use the canary version of shadcn/ui in their starter kit, which is not uncommon for frameworks or starter kits that want to leverage the latest features and provide early access to new technologies.

In summary, the Laravel React Starter Kit is likely using the canary version of shadcn/ui, which means it includes the latest features but might not be as stable as a fully released version. If you're planning to use this setup in a production environment, it's important to be aware of potential instability and keep an eye on updates from the shadcn team for a stable release.

RemiM's avatar
RemiM
Best Answer
Level 16

The Laravel React Starter Kit is, indeed, using the canary version, which makes sense since it's currently the only way for Shadcn/UI to support Tailwind 4.

If you check it using:

npm info shadcn version

You'll see it's version 2.4.0-canary.9.

Please or to participate in this conversation.