Google Gemini Thread Animation
This project demonstrates a reverse-engineered version of the Google Gemini thread animation, built with React.js, Tailwind CSS, and lottiefiles.
- React.js: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapid styling.
- lottiefiles: A platform for creating and sharing Lottie animations.
- Scroll events: Utilize scroll events to control animation speed and direction.
- Clone this repository.
- Install dependencies:
npm install
oryarn install
. - Run the development server:
npm start
oryarn start
. - Open http://localhost:3000 in your browser.
See the live demo at https://gemini-thread-animation.vercel.app/
Feel free to contribute to this project by:
- Reporting bugs.
- Suggesting improvements.
- Creating pull requests with your changes.
This project is licensed under the MIT License. See the LICENSE
file for details.
- Original animation: https://deepmind.google/technologies/gemini/#build-with-gemini