Skip to content

GaneshVarma1/ReactWind

Repository files navigation

ReactWind

Welcome to ReactWind! This guide will help you get started quickly by setting up your environment and installing the necessary packages for your project.

Getting Started 🚀

Prerequisites

Before proceeding, ensure you have the following installed:

  • Node.js (v14 or later)
  • npm or yarn (npm comes with Node.js)

Steps to Set Up

Follow the steps below to set up your project environment:


1. Install Lottie Files

Lottie enables you to add animations seamlessly into your project.

Run the following command:

npm install lottie-react

For more information about Lottie, check out their documentation.


2. Install Lucide Icons

Lucide provides a modern and customizable set of icons.

Run the following command:

npm install lucide-react

Explore the full icon set and usage on the Lucide website.


3. Install TailwindCSS

TailwindCSS is a utility-first CSS framework that helps you design rapidly.

  1. Install TailwindCSS and its peer dependencies:

    npm install -D tailwindcss postcss autoprefixer
  2. Initialize TailwindCSS configuration:

    npx tailwindcss init
  3. Configure your tailwind.config.js file and include Tailwind in your CSS. For detailed setup instructions, visit the TailwindCSS Documentation.


4. Install Framer Motion

Framer Motion is a powerful library for animations and transitions in React.

Run the following command:

npm install framer-motion

Learn more about its features from the Framer Motion documentation.


Project Setup Complete!

With the above steps, your environment is ready for development with ReactWind. Happy coding!

Feedback

If you encounter any issues or have suggestions for improvement, feel free to open an issue or contribute to the project.


Made with ❤️ using React, TailwindCSS, and more!