Best of Codrops — July 2025

1. 1
   Article

   Codrops·42w

   From Static to Dynamic: 3 Micro-Animations Every Web Developer Can Master with Rive

   Rive offers a powerful alternative to CSS and JavaScript animations for creating interactive web experiences. The tutorial demonstrates three practical animation patterns using a fictional plant care company: animated hero images that reveal hidden features on hover, interactive CTAs that respond to user input, and flexible layouts that adapt to different screen sizes. Rive animations are vector-based, lightweight, and can respond to real-time data through a JavaScript API, making them ideal for creating engaging micro-interactions that enhance user experience and conversion rates.

   79
2. 2
   Article

   Codrops·39w

   Motion Highlights #11

   A curated collection of 21 standout motion design and animation projects from creative professionals, featuring kinetic typography, UI interactions, grid animations, and experimental motion graphics. The roundup includes work from various studios and designers showcasing diverse animation techniques and styles, plus a recommendation for a free GSAP JavaScript animation course.

   17

   1
3. 3
   Article

   Codrops·39w

   Interactive Text Destruction with Three.js, WebGPU, and TSL

   A comprehensive tutorial demonstrating how to create an interactive 3D text destruction effect using Three.js with WebGPU renderer and Three Shader Language (TSL). The tutorial covers setting up TextGeometry, implementing GPU compute shaders for vertex deformation, adding spring physics for realistic animation, and enhancing the visual effect with noise, rotation, emissive colors, and post-processing effects including ambient occlusion, bloom, and fog.

   14