GrowthX Animation Assignment

This project is a submission for the GrowthX Club Frontend SDE assignment. The objective was to replicate a given animation using HTML, CSS, and JavaScript within a React-based framework — without using Lottie or dynamic imports.

Demo Video

Watch the Explanation Video

---

Tech Used

• React (Vite)
• Tailwind CSS
• Framer Motion
• HTML + CSS + JavaScript

---

Features

• Smooth transitions using Framer Motion and CSS keyframes
• No dynamic imports – all elements are instantly loaded
• Performance-optimized and re-triggerable CSS animations

---

How to Run Locally

1. Clone the repository

git clone https://github.com/litikesh/smooth-animation-task.git
cd smooth-animation-task

2. Install dependencies

npm install

3. Run the development server

npm run dev

The project will be available at: http://localhost:5173

---

Note

• Lottie was not used.
• No dynamic import() or next/dynamic was used.
• Animation starts instantly when the page loads.