The latest articles on DEV Community by Mohd Dawood (@mohddawood). https://dev.to/mohddawood 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%2F1618178%2F839ee84f-a9d5-45e6-b2b0-a8bba7035a81.jpg https://dev.to/mohddawood en Mohd Dawood Thu, 14 Aug 2025 09:40:14 +0000 https://dev.to/mohddawood/use-parallax-hook-2knn https://dev.to/mohddawood/use-parallax-hook-2knn <p>I Built a lightweight, reusable useParallax hook to implement parallax without external libraries. Easy to integrate, but works only with React/Next.js.</p> <p>Uses HTML data attributes and an AbortController to efficiently manage scroll events based on visibility.</p> <p>Github link: <a href="https://github.com/MohdDawoodO/parallax" rel="noopener noreferrer">https://github.com/MohdDawoodO/parallax</a><br> Live demo: <a href="https://useparallax.vercel.app" rel="noopener noreferrer">https://useparallax.vercel.app</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo482j52kg9qwiz04etqm.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo482j52kg9qwiz04etqm.png" alt=" " width="800" height="394"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygng5cytdbwsq69nhf4t.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fygng5cytdbwsq69nhf4t.png" alt=" " width="800" height="396"></a></p> programming webdev javascript vibecoding