Temporal Physics

Defining the weight and momentum of motion. This laboratory investigates the physical properties of a transition—tuning duration, easing functions, and spring dynamics to achieve organic, believable movement.

Lab 3 - Modal with Transition

Create a modal that opens with a slide-down effect.

Create a modal component using a motion.div.
Style the modal using Tailwind CSS (e.g., background, border).
Use motion to animate the modal's entrance and exit.
Add a button to trigger the modal.