NgMotion is an interactive Angular tutorial application that demonstrates how to create premium, high‑performance animations using Motion.dev. Built with Angular 21, it showcases modern Angular features such as standalone components, signals, and functional APIs. The app is organized into 8 chapters and 24 lessons covering:

• Fundamentals of Motion.dev (animate, springs, stagger)
• Scroll‑triggered animations and parallax effects
• User interaction animations (hover, press, drag)
• Timeline sequencing and choreographed reveals
• Linear‑style UI patterns (cards, lists, modals)
• Airbnb‑style galleries and search interactions
• Dynamic Island recreation with state transitions
• Premium UX patterns like skeleton loaders, toast notifications, and page transitions

• Installation
• Usage
• Contributing
• License

# Clone the repository (replace with the actual URL when available) git clone https://demo-url.com/ng-motion.git cd ng-motion # Install dependencies npm install

# Start the development server ng serve # Open the application open http://localhost:4200/

The project also includes useful Angular CLI commands:

• Code scaffolding – ng generate component component-name
• Build – ng build (outputs to the dist/ folder)
• Run unit tests – ng test
• Run end‑to‑end tests – ng e2e

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a feature branch (git checkout -b feature/awesome-feature).
3. Make your changes, ensuring they adhere to the project's coding style.
4. Run the test suite and verify everything passes.
5. Submit a pull request with a clear description of the changes.

This project is licensed under the MIT License – see the LICENSE file for details.