The latest articles on DEV Community by Rahul Mall (@rahul_mall_dd8da223f1af3d). https://dev.to/rahul_mall_dd8da223f1af3d https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3574665%2F13c14de3-ab49-45de-ac6e-4a2ad0b73f48.png https://dev.to/rahul_mall_dd8da223f1af3d en Rahul Mall Wed, 27 May 2026 06:37:55 +0000 https://dev.to/rahul_mall_dd8da223f1af3d/how-i-fixed-a-css-animation-bug-in-an-open-source-react-library-23c6 https://dev.to/rahul_mall_dd8da223f1af3d/how-i-fixed-a-css-animation-bug-in-an-open-source-react-library-23c6 <p>A few months back I contributed a fix to react-bits, an open source library of animated React components.</p> <p>The bug was subtle — enableMagnetism and enableTilt animations had a 300ms delay because the component used transition-all in its base CSS class. This caused GSAP transform animations to fight against the CSS transition, creating a noticeable lag.</p> <p>The fix was straightforward: swap transition-all for transition-colors. This lets GSAP control transforms freely while CSS still handles color-related properties like borders and shadows smoothly.</p> <p>Small change, big difference in feel.</p> <p>If you want to check out the PR: <a href="https://github.com/DavidHDev/react-bits/pull/851" rel="noopener noreferrer">https://github.com/DavidHDev/react-bits/pull/851</a></p> <p>I am a fullstack developer currently building projects with React, FastAPI, and PostgreSQL. You can see my work at <br> <a href="https://rahul-kumar-mall.vercel.app" rel="noopener noreferrer">https://rahul-kumar-mall.vercel.app</a></p> css opensource performance react