This project is a redesign of the Fisker automobile company's website. The webpage features modern animations, responsiveness, and an engaging user experience, leveraging the power of GSAP (GreenSock Animation Platform) and Tailwind CSS.
-
Responsive Design: The webpage is fully responsive, ensuring it looks great on devices of all sizes, from mobile phones to large desktop screens.
-
GSAP Animations: Smooth and visually appealing animations are implemented using GSAP, enhancing user interactions and providing a dynamic browsing experience.
-
Scroll Trigger Animations: The webpage includes scroll-triggered animations, adding an extra layer of interactivity by animating elements as the user scrolls through the page.
-
React: The webpage is built using React, providing a fast and modular framework for development.
-
Tailwind CSS: Tailwind CSS is used for styling, offering a utility-first approach that allows for rapid and custom design implementations.
-
GSAP: GSAP (GreenSock Animation Platform) is utilized for animations, providing smooth and performant transitions and effects.
-
Clone the repository:
git clone https://github.com/juju-anselum/fisker.git cd fisker -
Install the dependencies:
npm install
-
Start the development server:
npm start
The webpage should now be running on
http://localhost:3000.
-
Image Slider: Navigate through images in the gallery using the arrow buttons. The current image smoothly moves to the center and scales up while the others move to the sides.
-
Scroll Trigger Animations: As you scroll through the page, certain elements will animate into view, providing an engaging user experience.
Feel free to contribute to this project by submitting issues or pull requests. All contributions are welcome and appreciated!
This project is licensed under the MIT License. See the LICENSE file for more details.