Framer Motion · AThevon/genjutsu

Build React animations with Framer Motion (Motion library)

Covers Framer Motion (the Motion library) patterns for React, including AnimatePresence exit animations, shared layout transitions, variants for staggered orchestration, and drag or hover gestures for interactive UI.

Good for

  • Add exit animations with AnimatePresence
  • Create shared layout transitions between components
  • Add drag or hover gestures to a component
Source repository
AThevon/genjutsu
Category
General

Open-source skills are maintained by their authors and listed as published, with attribution. Results depend on how well the skill fits your task and material.

A good place to start

Add an AnimatePresence exit animation and shared layout transition to my React modal using Framer Motion.

Make your next great thing.

Bring a question, a file, or an idea that’s not quite there yet.