Etesam913/react-magic-motion

Health v2 · maintenance only

Adoption not part of the score

1117 stars · 13 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

react-magic-motion is a React library that automatically animates components, especially layout transitions, using a MagicMotion wrapper component. It is built on top of Framer Motion and animates DOM elements as they enter, exit, or reposition.

Use cases

• animate react components automatically
• add layout animations to a react app
• animate list items entering and exiting the dom
• build animated accordions and collapsible sidebars in react
• smoothly animate tabs and expandable cards
• add transitions to react ui without writing animation code

When to choose

• you want automatic layout animations in React with minimal code
• you already use Framer Motion and want simpler layout animation ergonomics
• you need animated accordions, sidebars, tabs, or expandable cards

When to avoid

• you need fine-grained manual control over every animation keyframe
• your project does not use React
• you want a full-featured animation suite rather than a layout-animation helper

Facets

library · maturity active

animation ui-components frontend-framework frontend web-development web-design browser cross-platform react layout-animations framer-motion typescript component-animation nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="Etesam913/react-magic-motion")