How to Install Shadcn ui in React js and Tailwind css v4

preview_player
Показать описание
If you want to use shadcn ui in vite react js and tailwind css v4 project, then this tutorial is for you.

#shadcn #reactjs #tailwindcss

🏷️Images & Source Files:
💻 Source Code:
🎨Design:

✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes).

👉 Join Pro Membership:

Note: The amount you support, will be used to purchase course materials or improve the studio (such sounds, camera, or other accessories).

⚠️ N.B: If you're learning web development but can't afford to buy source code, you're in the right place. I believe in supporting passionate learners like you, and that's why I'm offering free access to my source code for educational purposes.

🕒 Video Chapters::
00:00:00 Project Intro
00:00:51 Download Starter File & Project Setup

⬇️Popular Playlists⬇️

► You Can Share your Ideas In this ❤️Comment Box❤️

❤️Search Me In Google ► Md Al Mamun

🏷️ Related Tags: learn react js, personal portfolio website, react js crash course
Рекомендации по теме
Комментарии
Автор

Thanks a lot for your these videos. I have badly *upped Gemini & ChatGPT. Both were stupid to resolve. I have benefited from your this installation video a couple of month earlier too. I don't remember which installation or video was that. But I remember it way you who were able to finally rescue me. Thanks man....

EducationSimplified
Автор

needed this. was stuck for a while because of the recent update

protyaaay
Автор

Thank you! I'm new to this and I followed the steps for the older version of Tailwind and nothing worked. I'm so glad I found your video!

majs
Автор

Thank you G, I was stuck but you saved the day

Tech-gf
Автор

THANK YOU. I was going crazy from trying to get this working for work due everything still being updated

DoYouWumbo
Автор

was stuck on this for a while, thank you for clarifying

dankmemer
Автор

Thankyou i was for a long time, problem solved

Tech_and_lifestyle
Автор

It keeps showing framework not detected

macherlapraveen
Автор

This video solved my problem, thank you very much

OmatheusRT
Автор

Informative video bro, just one question!
In shadcn, do we have to install every component (like button, form etc) whenever we need them or we can just copy past from the documentation (without using cli to install them like you did for the button)?

hpvinayak
Автор

Can't thank you enough bro😩😩😭You literally saved my day

dhirajbhamare
Автор

Thank you. Thank you. Thank you so much <3

lazyfee
Автор

i got 2 roots one from shadcn another from idk where, the primary var of the other overshadows the primary var of shadcn root, any idea what it might be?

sujith.m.s
Автор

Great video!! thank you so much! i've been trying to configure shadcn and always getting some kind of error with tailwind.

Bayzon
Автор

Stuck with an "unexpected semicolon"? Look for an additional semicolon in one of the extended themes, specifically "--radius: 0.625rem". This has been messing with me after restarting my project three times.

AhmedLearnsThings
Автор

Why the component styles is not visible for me ???? I try but idk

sufiyanmogal
Автор

I am wondering why the cursor pointer is not working?

newbiedevtons
Автор

i dont know why my validating tailwind css always failed, even though i could use all classes in my html. im using typescript 😢

galoihhbg
Автор

Great video! but im getting trouble including the theme provider to have dark mode, could you help me?

isaacsalazar
Автор

I followed every step but my font style is not same as your. Infact no font style is working

safiwasif