🎛️ Loved animating these isometric api illustrations by @danhollick for the new Raycast site.

They’re all SVG:s animated with CSS, here’s how it works (it’s dead simple) 👇 1️⃣ Import the SVG as a React component and group the paths by each “layer” that should move.
Each layer has two classes for the state: the offset starting position and the ending position that is toggled once the illustration enters the viewport.