Orchestrated Sequences

The art of rhythmic motion. This laboratory examines how animations propagate through groups of elements, creating cascading effects and coordinated transitions through choreographed timing.

Lab 1 - Staggered List Items

Create a list of items that animate into view with a staggered effect.

  • Create an array of items (e.g. strings).
  • Use motion.div to display each item.
  • Implement a stagger effect so that each item appears one after the other when the component mounts.

My 2026 New Year Resolution:

I wish I can: