Vite
Requirements:
- React 18 or later
- Tailwind CSS 3.4 or later
- Framer Motion 11 or later
Installation
Create project
npm create vite@latest
Add Tailwind and its configuration
Install tailwindcss
and its peer dependencies, then generate your tailwind.config.js
and postcss.config.js
files:
npm install -D tailwindcss postcss autoprefixer tailwind-variantsnpx tailwindcss init -p
Add Framer motion
Install framer-motion
and its peer dependencies
npm install framer-motion
Install Dependencies
npm install
Start the Application
npm run dev
Open in Browser
Open your web browser and navigate to http://localhost:3000 to view the application.