Apple Intelligence Rewrite Animation

Scene-3.1.mp4

This project is a recreation of the text rewriting animation featured in Apple Intelligence, built using Next.js and Framer Motion.

Features

• Text Rewriting Animation: Simulates the Apple Intelligence UI where text is rewritten into different styles (e.g., Professional, Casual, Creative).
• SVG Masking: Utilizes SVG masks to create the complex ripple and wipe effects.
• Physics-Based Animations: Employs Framer Motion's spring animations for natural and fluid text line movements.
• Customizable: The text variants and animation parameters can be easily customized.

Tech Stack

• Next.js: React framework for production.
• React: A JavaScript library for building user interfaces.
• Framer Motion: A production-ready motion library for React.
• CSS: Custom styling for the components and animations.

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

You need to have Node.js installed on your machine.

Installation

1. Clone the repo

   git clone https://github.com/your_username/apple-intelligence-animation.git

2. Install NPM packages

   npm install

3. Run the development server

   npm run dev

Open http://localhost:3000 with your browser to see the result.