It is Animated Wesite made using ReactJS and Tailwind CSS.
To give animation to the site Framer Motion dependency was used.
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts:
A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).
A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
More information:-https://vitejs.dev/guide/
To initiate React App with Vite
CMD:- npm create vite@latest
Then give the project name and install required dependencies.
This will create a folder for React App along with Vite.config file.
To use Tailwind
CMD:- npm install -D tailwindcss postcss autoprefixer
Configure tailwind.config.js file
Add tailwind directives to CSS.
More information:- https://tailwindcss.com/docs/installation
To run development server:-
CMDnpm run dev\
Keep updating App.jsx file in src folder to build webpage.