https://github.com/emanuelefavero/apple-scroll-animation-2

A Framer Motion and React implementation of another famous Apple scroll animation
https://github.com/emanuelefavero/apple-scroll-animation-2

animation apple framer-motion nextjs parallax react scroll tailwindcss

Last synced: 24 days ago
JSON representation

A Framer Motion and React implementation of another famous Apple scroll animation

• Host: GitHub
• URL: https://github.com/emanuelefavero/apple-scroll-animation-2
• Owner: emanuelefavero
• License: mit
• Created: 2024-10-16T21:32:18.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-21T16:45:01.000Z (3 months ago)
• Last Synced: 2024-11-01T17:06:19.285Z (2 months ago)
• Topics: animation, apple, framer-motion, nextjs, parallax, react, scroll, tailwindcss
• Language: TypeScript
• Homepage: https://apple-scroll-animation-2.vercel.app
• Size: 1.46 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Apple Scroll Animation 2

This is an implementation of another famous Apple scroll animation that you can often find on their website, this time built with React and Framer Motion.

> Check out also [Apple Scroll Animation 1](https://github.com/emanuelefavero/apple-scroll-animation)

### Live Demo

- [https://apple-scroll-animation-2.vercel.app](https://apple-scroll-animation-2.vercel.app/)

#### GIF Preview



## Installation

1. Clone the repository

2. Run `npm install`

3. Run `npm run dev`

4. Visit `http://localhost:3000`

## Documentation

- [AppleScrollAnimation Component Documentation](DOCUMENTATION.md)

## Resources

- [React](https://reactjs.org/)

- [Next.js](https://nextjs.org/)

- [Framer Motion](https://www.framer.com/motion/)

- [Tailwind CSS](https://tailwindcss.com/)

## License

- [MIT](LICENSE.md)