https://github.com/anselumjuju/fisker
This is a redesign of the Fisker automobile company's website with modern animations.
https://github.com/anselumjuju/fisker
gsap gsap-scrolltrigger react reactjs scrolltrigger tailwindcss
Last synced: 2 months ago
JSON representation
This is a redesign of the Fisker automobile company's website with modern animations.
- Host: GitHub
- URL: https://github.com/anselumjuju/fisker
- Owner: anselumjuju
- Created: 2024-09-01T08:37:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-17T16:48:56.000Z (6 months ago)
- Last Synced: 2026-01-18T02:52:17.829Z (6 months ago)
- Topics: gsap, gsap-scrolltrigger, react, reactjs, scrolltrigger, tailwindcss
- Language: JavaScript
- Homepage: https://fisker-aj.vercel.app
- Size: 21.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fisker Redesign Webpage
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.
## Features
- **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.
## Technologies Used
- **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.
## Installation and Setup
1. Clone the repository:
```bash
git clone https://github.com/anselumjuju/fisker.git
cd fisker
```
2. Install the dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm start
```
The webpage should now be running on `http://localhost:3000`.
## Usage
- **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.
## Contributing
Feel free to contribute to this project by submitting issues or pull requests. All contributions are welcome and appreciated!
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.