--- title: Best Codrops posts — February 2025 | daily.dev description: The most upvoted Codrops posts from February 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/codrops/best-of/2025/02 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codrops/best-of/2025/02 og:type: website og:site_name: daily.dev og:title: Best Codrops posts — February 2025 | daily.dev og:description: The most upvoted Codrops posts from February 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Codrops — February 2025 1. 1 [](https://daily.dev/posts/webgpu-fluid-simulations-high-performance-real-time-rendering-sghux7y9j "WebGPU Fluid Simulations: High Performance & Real-Time Rendering") Article Codrops · 2y WebGPU Fluid Simulations: High Performance & Real-Time Rendering Matsuoka's WebGPU-powered fluid simulations have demonstrated outstanding performance and visual appeal, showcasing the capabilities of WebGPU. He has developed two simulations, WebGPU-Ocean and WaterBall, focusing on high performance and realistic visualization. He used the MLS-MPM (Moving Least Squares Material Point Method) for simulation and Screen-Space Fluid Rendering for visualization, achieving real-time performance even on integrated GPUs. These techniques promise significant improvements in browser-based physics simulations, potentially matching the quality of simulations done with advanced engines in the future. 193 6 2. 2 [](https://daily.dev/posts/nim-is-a-free-and-open-source-personal-website-template-built-with-next-js-15-react-19-and-motion-p-hlaednl7u "Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives.") Article Codrops · 2y Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives. Nim is a free, open-source personal website template built with Next.js 15, React 19, Tailwind CSS v4, and Motion-Primitives. It offers customizable, pre-built motion components to simplify adding animations to websites. Designed for developers, designers, and founders, Nim is easy to customize, featuring a blog powered by MDX and various animated elements. 110 4 3. 3 [](https://daily.dev/posts/implementing-a-dissolve-effect-with-shaders-and-particles-in-three-js-za7o8ycma "Implementing a Dissolve Effect with Shaders and Particles in Three.js") Article Codrops · 2y Implementing a Dissolve Effect with Shaders and Particles in Three.js Learn how to create a dynamic dissolve effect using Three.js shaders and particles. This tutorial covers setting up the environment and lighting, crafting the dissolve effect with Perlin noise, creating a particle system, and applying the Unreal Bloom effect to make the edges and particles glow. Each step is detailed with code snippets and linked to specific commits for easy reference. 31 2 4. 4 [](https://daily.dev/posts/how-to-make-the-fluffiest-grass-with-three-js-s6fvku1n3 "How to Make The Fluffiest Grass With Three.js") Article Codrops · 2y How to Make The Fluffiest Grass With Three.js Learn how to create the fluffiest grass on the web using Three.js with techniques including creating terrain, using tiled grass textures, alpha cards, and individual grass blades. Discover the instancing, chunking, and level of detail (LOD) methods to optimize performance, and enhance visual appeal with techniques like fake ambient occlusion, color variation, animation, and simplified lighting and shadows. 10 [See all Codrops archives](/sources/codrops/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/codrops/best-of/2025/02#page","url":"https://daily.dev/sources/codrops/best-of/2025/02","name":"Best Codrops Posts — February 2025","description":"The most upvoted Codrops posts from February 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/codrops/best-of/2025/02#items","numberOfItems":4,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/webgpu-fluid-simulations-high-performance-real-time-rendering-sghux7y9j","name":"WebGPU Fluid Simulations: High Performance & Real-Time Rendering"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/nim-is-a-free-and-open-source-personal-website-template-built-with-next-js-15-react-19-and-motion-p-hlaednl7u","name":"Nim is a free and open-source personal website template built with Next.js 15, React 19 and Motion-Primitives."},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/implementing-a-dissolve-effect-with-shaders-and-particles-in-three-js-za7o8ycma","name":"Implementing a Dissolve Effect with Shaders and Particles in Three.js"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-make-the-fluffiest-grass-with-three-js-s6fvku1n3","name":"How to Make The Fluffiest Grass With Three.js"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Codrops","item":"https://daily.dev/sources/codrops"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/codrops/best-of"},{"@type":"ListItem","position":5,"name":"February 2025"}]}]} ```