Been exploring how to think about web animations more systematically — not just what to animate, but how to define it upfront. Treating animations like scenes: trigger, elements, mood, easing character. That mental model changes how you approach implementation.
So I built MotionBase around it.
13 animation patterns with live previews and full GSAP/Framer code. A prompt generator that turns your scene definition into an AI prompt ready for Cursor or Claude. An easing visualizer with real cubic-bezier math — live curve preview, side-by-side comparison. And an analyst tab powered by Claude API: drop a description or screenshot, get pattern identification + implementation prompt back.Another entry in my side project streak of embedding AI into real workflows. Will keep building.
Been exploring how to think about web animations more systematically — not just what to animate, but how to define it upfront. Treating animations like scene...