We had three separate animation tools for one React app. We replaced all of them with a single visual runtime. Here's the honest breakdown.
Six months ago, our React app's animation stack looked like a dependency graveyard:
Rive for interactive vector graphics
GSAP for timeline-based UI animations
Lottie for JSON animations imported from design
Framer Motion for React-specific transitions
A few years ago, I built a G6 + React hybrid renderer in an internal business tool. It was the React...
Every file looked slightly different. Not wrong exactly. Just different. One component used arrow...
JavaScript animation libraries are heavy. GSAP, Framer Motion, anime.js - all runtime weight for...
I got tired of translating Figma screens and UI screenshots into JSX before I could touch any real...
Part one reached 69,000 views on r/webdev in two days. I did not expect that. I wrote it because I...
A complete guide to adding Lottie animations to React apps using lottie-web and @lottiefiles/dotlottie-react, with free JSON…
