--- title: Best Codrops posts — May 2025 | daily.dev description: The most upvoted Codrops posts from May 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/codrops/best-of/2025/05 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/codrops/best-of/2025/05 og:type: website og:site_name: daily.dev og:title: Best Codrops posts — May 2025 | daily.dev og:description: The most upvoted Codrops posts from May 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 — May 2025 1. 1 [](https://daily.dev/posts/deconstructing-the-35mm-website-a-look-at-the-process-and-technical-details-eqphz4kfo "Deconstructing the 35mm Website: A Look at the Process and Technical Details") Article Codrops · 1y Deconstructing the 35mm Website: A Look at the Process and Technical Details A technical breakdown of building an interactive 3D camera website using Three.js, covering edge detection with Sobel operators, mesh highlighting through render targets and raycasting, and scroll-triggered film roll animations. The tutorial demonstrates custom shader development, post-processing effects, and advanced WebGL techniques for creating engaging 3D web experiences. 192 4 2. 2 [](https://daily.dev/posts/from-splittext-to-morphsvg-5-creative-demos-using-free-gsap-plugins-e5b7ygr9j "From SplitText to MorphSVG: 5 Creative Demos Using Free GSAP Plugins") Article Codrops · 1y From SplitText to MorphSVG: 5 Creative Demos Using Free GSAP Plugins The post explores the creative potential of GSAP's newly free premium plugins through five animation demos. It provides step-by-step guides for using plugins like SplitText, MorphSVG, Inertia, DrawSVG, and Physics2D to create interactive and animated web effects, such as text smashing and glowing dot grids. These examples highlight how GSAP can enhance web design and add playful elements to user interfaces. Resources are available for further exploration on CodePen and Webflow. 97 1 3. 3 [](https://daily.dev/posts/3d-cards-in-webflow-using-three-js-and-glb-models-xddfdxv0u "3D Cards in Webflow Using Three.js and GLB Models") Article Codrops · 1y 3D Cards in Webflow Using Three.js and GLB Models A comprehensive guide to creating interactive 3D cards in Webflow by integrating Three.js with GLB models. The tutorial covers the complete workflow from creating 3D models in Blender, setting up Three.js scenes with proper lighting and camera controls, and embedding the functionality into Webflow projects. Each card transforms from a flat UI element into an interactive 3D environment with real-time rendering, orbital controls, and atmospheric lighting effects. 79 2 4. 4 [](https://daily.dev/posts/animated-product-grid-preview-with-gsap-clip-path-rdqaftkss "Animated Product Grid Preview with GSAP & Clip-Path") Article Codrops · 1y Animated Product Grid Preview with GSAP & Clip-Path Learn to transform a simple product grid into an interactive, animated experience using GSAP and CSS clip-path. This tutorial breaks down the process into manageable steps, from setting up the initial layout to implementing hover interactions and animating clip-paths. Attention is given to enhancing usability and accessibility, ensuring a smooth user experience. 15 5. 5 [](https://daily.dev/posts/on-scroll-3d-carousel-f2uodxxff "On-Scroll 3D Carousel") Article Codrops · 1y On-Scroll 3D Carousel Explore the inspiration and process behind creating an interactive on-scroll 3D carousel using GSAP plugins. Learn about effective animation techniques and how GSAP's free availability enhances web animation possibilities. A proof-of-concept project demonstrates the use of SplitText and SmoothScroller for dynamic page transitions. 14 [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/05#page","url":"https://daily.dev/sources/codrops/best-of/2025/05","name":"Best Codrops Posts — May 2025","description":"The most upvoted Codrops posts from May 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/05#items","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/deconstructing-the-35mm-website-a-look-at-the-process-and-technical-details-eqphz4kfo","name":"Deconstructing the 35mm Website: A Look at the Process and Technical Details"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/from-splittext-to-morphsvg-5-creative-demos-using-free-gsap-plugins-e5b7ygr9j","name":"From SplitText to MorphSVG: 5 Creative Demos Using Free GSAP Plugins"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/3d-cards-in-webflow-using-three-js-and-glb-models-xddfdxv0u","name":"3D Cards in Webflow Using Three.js and GLB Models"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/animated-product-grid-preview-with-gsap-clip-path-rdqaftkss","name":"Animated Product Grid Preview with GSAP & Clip-Path"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/on-scroll-3d-carousel-f2uodxxff","name":"On-Scroll 3D Carousel"}]},{"@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":"May 2025"}]}]} ```