Animations in React with Framer Motion (refine.dev)

When a tool like Framer Motion is available, why write many lines of CSS code to create an animation? Web applications look more exciting and beautiful when they are animated.

We used Framer Motion to animate parts of our landing page but eventually turned against it since the package increased our JS bundle size by ~25kb. We managed to completely replace it with CSS and Observer API instead, YMMV.