Create React project with Vite and set up Tailwind, shadcn/ui

📰 Dev.to · "Rocky" Hiroki Ueno

Learn to create a React project with Vite and set up Tailwind and shadcn/ui for styling

intermediate Published 28 Nov 2024
Action Steps
  1. Create a new React project using Vite by running 'npm create vite@latest' in your terminal
  2. Install Tailwind and its dependencies by running 'npm install -D tailwindcss postcss autoprefixer'
  3. Configure Tailwind by running 'npx tailwindcss init -p' and setting up the config file
  4. Install shadcn/ui by running 'npm install @shadcn/ui'
  5. Import and use shadcn/ui components in your React project
Who Needs to Know This

Frontend developers and designers can benefit from this tutorial to quickly set up a new React project with popular styling tools

Key Insight

💡 Using Vite, Tailwind, and shadcn/ui can speed up the development process of a React project

Share This
💡 Create a new React project with Vite and set up Tailwind and shadcn/ui for styling

Key Takeaways

Learn to create a React project with Vite and set up Tailwind and shadcn/ui for styling

Full Article

Using Tailwind and shadcn/ui is common in React. This is how to start a new React project with...
Read full article → ← Back to Reads