React Series #07: How to install shadcn UI in next.js project

You have tailwind css in your project, but you can also add different UI layers. If you get an Android phone, each brand comes with a different OS. Likewise, you can install any UI in your react projects. Here are some of the top UI for React project.

• Tailwind UI
• Material UI
• Shadcn UI
• Next UI
• Chakra UI
• Ant Design
• React BootStrap
• Core UI
• React Suite

For a simple project, you can install Shadcn UI

npx shadcn-ui@latest init

Which style would you like to use? › Default
Which color would you like to use as base color? › Slate
Do you want to use CSS variables for colors? › yes

Here is the official docs for shadcn usage.