--- title: Best 3D posts of 2025 | daily.dev description: The most upvoted 3D posts of 2025, curated by the daily.dev community. canonical: https://daily.dev/tags/3d/best-of/2025 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/3d/best-of/2025 og:type: website og:site_name: daily.dev og:title: Best 3D posts of 2025 | daily.dev og:description: The most upvoted 3D posts of 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 3D — 2025 1. 1 [](/posts/clean-animation-on-glass-buttons-wsepw2tfq "Clean Animation on Glass Buttons") Article 80 LEVEL · 1y Clean Animation on Glass Buttons Reijo creates stunning glass-like button animations using Blender, featuring smooth flipping motions and candy-like visual effects. The artist's 3D work includes interactive UI elements like yes/no options and login forms, showcasing advanced motion design techniques for creating realistic glass materials and smooth button interactions. 378 19 2. 2 [](/posts/webgl-water-1hpxdvegl "WebGL Water") Article Hacker News · 1y WebGL Water Evan Wallace's WebGL Water demo showcases advanced graphics techniques like raytraced reflections, refractions, and heightfield water simulation. Users can interact with the simulation by creating ripples, rotating the camera, and moving objects. Some features require specific WebGL extensions for enhanced effects. 204 18 3. 3 [](/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 4. 4 [](/posts/animated-3d-sphere-intersection-using-css-and-trigonometry-zjfjbtrte "Animated 3D Sphere Intersection Using CSS And Trigonometry") Video Joy of Code · 1y Animated 3D Sphere Intersection Using CSS And Trigonometry Learn step-by-step how to construct a dynamic and animated 3D sphere intersection using CSS and trigonometry principles. Explore techniques for styling elements with gradients, positioning in 3D space, and using transformations. Discover how to dynamically animate circles with trigonometric calculations to achieve pulsating effects. 135 2 5. 5 [](/posts/creating-stylized-water-effects-with-react-three-fiber-nghzd5bkl "Creating Stylized Water Effects with React Three Fiber") Article Codrops · 2y Creating Stylized Water Effects with React Three Fiber Learn how to create a stylized water effect using React Three Fiber, focusing on writing shaders, optimizing 3D assets, and maintaining good performance. This tutorial covers the step-by-step process, including creating 3D terrain, setting up the environment, handling materials, and adding dynamic water animation. Additionally, the tutorial touches on incorporating sound for an immersive experience. 130 5 6. 6 [](/posts/how-to-create-a-minimap-in-three-js-with-react-three-fiber-drei-view--7khgn1n6x "How to Create a Minimap in Three.js with React Three Fiber (Drei View)") Video Wawa Sensei · 1y How to Create a Minimap in Three.js with React Three Fiber (Drei View) Learn to create an interactive minimap for 3D web games using React Three Fiber's View component. The tutorial covers setting up multiple camera views within a single canvas, implementing global state management with Valtio to sync character position between main scene and minimap, and adding visual elements like character indicators and zoom controls. The minimap displays a top-down view that follows the player character with optional rotation alignment. 106 7. 7 [](/posts/student-breaks-down-bringing-lifelike-polar-bear-to-life-in-3d-jihhlpww9 "Student Breaks Down Bringing Lifelike Polar Bear To Life In 3D") Article 80 LEVEL · 1y Student Breaks Down Bringing Lifelike Polar Bear To Life In 3D A Gnomon student created a highly realistic 3D polar bear in just 10 weeks, featuring advanced muscle, fat, and skin simulations, procedural hair grooming, facial rigging with motion capture, and complex anatomical systems. The project showcased innovative procedural workflows in Houdini for muscle activation and automated rigging processes, combined with facial motion capture using MocapX for lifelike expressions. 82 3 8. 8 [](/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 9. 9 [](/posts/beautiful-liquid-glass-effect-made-with-three-js-kgfdnkxpe "Beautiful Liquid Glass Effect Made with Three.js") Article 80 LEVEL · 1y Beautiful Liquid Glass Effect Made with Three.js Web developer Faraz Shaikh created a liquid glass effect using Three.js JavaScript 3D library. The effect features smooth drop-like shapes using MeshPhysicalMaterial with ray-marched surfaces built from Signed Distance Fields (SDFs). The demo and source code are available online, showcasing advanced 3D rendering techniques for creating realistic glass materials in web browsers. 76 3 10. 10 [](/posts/building-a-fully-featured-3d-world-in-the-browser-with-blender-and-three-js-2rvnhljal "Building a Fully-Featured 3D World in the Browser with Blender and Three.js") Article Codrops · 2y Building a Fully-Featured 3D World in the Browser with Blender and Three.js Explore the process of building an immersive 3D world in the browser using Blender and Three.js. Learn the creative and technical steps involved, from conceptualizing scenes to blocking, sculpting, and adding materials. Discover tips for optimization, texturing, and exporting assets to ensure your web-based 3D environment performs efficiently and looks stunning. 65 11. 11 [](/posts/generate-any-3d-scene-in-seconds-2sbqog1s2 "Generate Any 3D Scene in Seconds") Article Hacker News · 1y Generate Any 3D Scene in Seconds WorldGen is an advanced 3D generation tool that creates interactive scenes from text and image inputs in seconds. It enables flexible scene generation and offers 360-degree consistent exploration. The process involves generating a panorama from prompts, which is then converted into a comprehensive 3D scene, ready for exploration. 63 1 12. 12 [](/posts/nitrode-ai-game-engine-ai-game-engine-to-prototype-3d-games-in-a-day-ihokspywk "Nitrode – AI Game Engine: AI Game Engine to Prototype 3D Games in a Day") Article Product Hunt · 1y Nitrode – AI Game Engine: AI Game Engine to Prototype 3D Games in a Day Nitrode is an AI-powered game engine designed to help developers rapidly create playable 3D games within hours rather than weeks or months. The platform enables 'vibe coding' for quick prototyping, targeting developers who want to build games they've envisioned but lacked the time or resources to develop using traditional methods. 58 2 13. 13 [](/posts/impressive-3d-tongue-rig-made-in-blender-4jsy8kbis "Impressive 3D Tongue Rig Made in Blender") Article 80 LEVEL · 1y Impressive 3D Tongue Rig Made in Blender A 3D artist showcased an impressive tongue rigging system for a character created in Blender. The rig demonstrates realistic movement and lighting effects, particularly when compared to the low-poly version. The character is part of an ongoing project that includes detailed facial expressions created using motion capture technology. 51 14 14. 14 [](/posts/beautiful-summoner-monster-who-loves-her-eo4cjqtf3 "Beautiful Summoner & Monster Who Loves Her") Article 80 LEVEL · 1y Beautiful Summoner & Monster Who Loves Her Soohyeon Kim's new 3D artwork depicts a beautiful summoner and her monster, showcasing their loving relationship. The piece uses several design tools such as 3ds Max and ZBrush. Explore Kim's attention to detail on ArtStation and follow 80 Level for art resources and community engagement. 47 5 15. 15 [](/posts/try-this-free-open-source-alternative-to-mixamo-kbtkprzee "Try This Free & Open-Source Alternative To Mixamo") Article 80 LEVEL · 1y Try This Free & Open-Source Alternative To Mixamo Mesh2Motion, a free and open-source web application, offers an alternative to Mixamo for animating 3D models. Creator Scott Petrovic announced upcoming features including dark/light themes, video previews, animation player, and improved navigation. The tool recently added undo/redo functionality, hand variations, and animation filtering. Users can import 3D models and automatically assign and export animations through a straightforward workflow. 40 16. 16 [](/posts/exploring-javascript-with-three-js-five-beginner-friendly-projects-op7ku3iht "Exploring JavaScript with Three.js: Five Beginner-Friendly Projects") Article Collections · 1y Exploring JavaScript with Three.js: Five Beginner-Friendly Projects A project-based course covering Five.js fundamentals through five hands-on projects. Learn basic geometry and textures, create interactive 3D globes with GeoJSON data, implement particle effects for fire and smoke, build scroll-triggered animations, and explore physics simulations using the Rapier engine. The course progresses from basic concepts to advanced techniques including shaders and performance optimization, helping build a portfolio of sophisticated 3D web experiences. 39 17. 17 [](/posts/how-to-make-3d-games-in-godot-9umuain19 "How to make 3D Games in Godot") Video Brackeys · 2y How to make 3D Games in Godot Learn how to transition from 2D to 3D game development using Godot. The video covers essential concepts such as using nodes, working with 3D assets, setting up basic functionalities and collisions, and managing physics. Additional topics include importing and configuring 3D models, adding animations, setting up lighting and environmental effects, and optimizing game performance. The guide aims to demystify 3D game development, making it accessible and manageable for both beginners and experienced developers. 37 2 18. 18 [](/posts/material-maker-godot-engine-on1gec0cg "Material Maker – Godot Engine") Article Godot · 51w Material Maker – Godot Engine Material Maker is an open-source procedural PBR material and texture creation tool built with Godot Engine. Created by RodZilla in 2018, it recently released version 1.4 running on Godot 4, featuring nearly 250 nodes and export capabilities to Godot, Unity, and Unreal. The tool generates shaders using a node-based system and has been used in several released games including Crown Gambit and Zefyr: A Thief's Melody. Godot 4 brings compute shaders for improved performance and flexible layouts with undockable panels. Future development focuses on 3D model texturing with a procedural painting workflow. 36 2 19. 19 [](/posts/creative-web-development-with-three-js-and-blender-i0kymwczo "Creative Web Development with Three.js and Blender") Article freeCodeCamp · 48w Creative Web Development with Three.js and Blender A comprehensive 6-hour beginner course covering 3D web development by combining Blender for 3D modeling with Three.js for web integration. Learn to create an immersive 3D portfolio from scratch, starting with Blender fundamentals (modeling characters, trees, environments, textures) and progressing to Three.js implementation (camera controls, lighting, raycasting for interactions, character movement with GSAP, collision detection). Includes practical exercises, code analysis techniques, and deployment guidance using GitHub and Vercel. 35 4 20. 20 [](/posts/babylonjs-game-engine-finally-gets-a-world-level-editor--tp5x1emxg "BabylonJS Game Engine FINALLY Gets a World/Level Editor!") Video Gamefromscratch · 1y BabylonJS Game Engine FINALLY Gets a World/Level Editor! BabylonJS has officially launched its V5 editor, addressing one of the framework's major limitations. The new editor provides a unified development environment with built-in project templates for Next.js, vanilla JS, and other setups. It includes visual scene composition, script attachment to objects, asset management, and rendering pipeline configuration. While the editor shows promise with features like 3D model import, lighting controls, and post-processing effects, it's still in early stages with various bugs and missing features like animation tools. 35 21. 21 [](/posts/stunning-magical-3d-illusion-in-flat-card-fp3a79gkn "Stunning Magical 3D Illusion in Flat Card") Article 80 LEVEL · 51w Stunning Magical 3D Illusion in Flat Card Artist Mingwei 'CMZW' Lim created a portal-like 3D illusion on a flat card surface using Blender. The card reveals holographic stars and new depths when moved, similar to holographic display experiments. The artist has previously created various visual effects including Balatro-style cards, custom post-processing VFX collections, distance-based glitch effects, and pixelated Earth renders. 34 1 22. 22 [](/posts/dev-snapshot-godot-3-7-dev-1-godot-engine-pukycti74 "Dev snapshot: Godot 3.7 dev 1 – Godot Engine") Article Godot · 47w Dev snapshot: Godot 3.7 dev 1 – Godot Engine Godot 3.7 dev 1 snapshot introduces significant improvements including rewritten 3D physics interpolation, blob shadows for mobile optimization, mutable audio drivers to reduce CPU usage, and core optimizations for faster object casting and data structures. The release includes 130 fixes from 44 contributors, with features like glow map effects, improved TileSet visibility, and better Xbox controller support on Android. 32 1 23. 23 [](/posts/unty-launched-web-based-no-code-3d-editor-yecucpnsh "Unty Launched Web-Based No-Code 3D Editor") Article 80 LEVEL · 48w Unty Launched Web-Based No-Code 3D Editor Unity Studio is a new web-based, no-code 3D editor that enables teams to create and share interactive 3D projects without coding or software installation. It supports importing 3D assets and CAD files, with use cases including training applications, HMIs, animations, and product configurators. Currently in free beta, it will integrate with the Unity ecosystem upon full release. 31 3 24. 24 [](/posts/ex-meta-engineer-develops-tech-that-makes-any-screen-3d-using-a-camera-y1x58yp7m "Ex Meta Engineer Develops Tech That Makes Any Screen 3D Using a Camera") Article 80 LEVEL · 1y Ex Meta Engineer Develops Tech That Makes Any Screen 3D Using a Camera A former Meta engineer developed True3D Labs technology that creates 3D viewing experiences on any screen using only a front-facing camera. The system tracks head position in real-time to reproject scenes with motion parallax, eliminating the need for special glasses or hardware. It uses facial landmark detection and six-degree-of-freedom head pose estimation to treat the screen as a window into a 3D world. The platform supports volumetric video, voxels, and Gaussian splats, with APIs available for web developers to integrate into applications, game captures, and real-time renders from engines like Unity and Blender. 31 9 25. 25 [](/posts/modeling-a-car-in-blender-for-godot-full-process-cvlfbfxma "Modeling a car in Blender for Godot full process") Article Godot Developers · 2y Modeling a car in Blender for Godot full process Learn the full process of modeling a car in Blender, importing it into Godot, and setting it up with the vehicle control node through a detailed video tutorial. 30 1 [See all 3D archives](/tags/3d/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/tags/3d/best-of/2025#page","url":"https://daily.dev/tags/3d/best-of/2025","name":"Best 3D Posts of 2025","description":"The most upvoted 3D posts of 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/3d/best-of/2025#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/clean-animation-on-glass-buttons-wsepw2tfq","name":"Clean Animation on Glass Buttons"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/webgl-water-1hpxdvegl","name":"WebGL Water"},{"@type":"ListItem","position":3,"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":4,"url":"https://daily.dev/posts/animated-3d-sphere-intersection-using-css-and-trigonometry-zjfjbtrte","name":"Animated 3D Sphere Intersection Using CSS And Trigonometry"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/creating-stylized-water-effects-with-react-three-fiber-nghzd5bkl","name":"Creating Stylized Water Effects with React Three Fiber"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-create-a-minimap-in-three-js-with-react-three-fiber-drei-view--7khgn1n6x","name":"How to Create a Minimap in Three.js with React Three Fiber (Drei View)"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/student-breaks-down-bringing-lifelike-polar-bear-to-life-in-3d-jihhlpww9","name":"Student Breaks Down Bringing Lifelike Polar Bear To Life In 3D"},{"@type":"ListItem","position":8,"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":9,"url":"https://daily.dev/posts/beautiful-liquid-glass-effect-made-with-three-js-kgfdnkxpe","name":"Beautiful Liquid Glass Effect Made with Three.js"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/building-a-fully-featured-3d-world-in-the-browser-with-blender-and-three-js-2rvnhljal","name":"Building a Fully-Featured 3D World in the Browser with Blender and Three.js"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/generate-any-3d-scene-in-seconds-2sbqog1s2","name":"Generate Any 3D Scene in Seconds"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/nitrode-ai-game-engine-ai-game-engine-to-prototype-3d-games-in-a-day-ihokspywk","name":"Nitrode – AI Game Engine: AI Game Engine to Prototype 3D Games in a Day"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/impressive-3d-tongue-rig-made-in-blender-4jsy8kbis","name":"Impressive 3D Tongue Rig Made in Blender"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/beautiful-summoner-monster-who-loves-her-eo4cjqtf3","name":"Beautiful Summoner & Monster Who Loves Her"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/try-this-free-open-source-alternative-to-mixamo-kbtkprzee","name":"Try This Free & Open-Source Alternative To Mixamo"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/exploring-javascript-with-three-js-five-beginner-friendly-projects-op7ku3iht","name":"Exploring JavaScript with Three.js: Five Beginner-Friendly Projects"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/how-to-make-3d-games-in-godot-9umuain19","name":"How to make 3D Games in Godot"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/material-maker-godot-engine-on1gec0cg","name":"Material Maker – Godot Engine"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/creative-web-development-with-three-js-and-blender-i0kymwczo","name":"Creative Web Development with Three.js and Blender"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/babylonjs-game-engine-finally-gets-a-world-level-editor--tp5x1emxg","name":"BabylonJS Game Engine FINALLY Gets a World/Level Editor!"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/stunning-magical-3d-illusion-in-flat-card-fp3a79gkn","name":"Stunning Magical 3D Illusion in Flat Card"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/dev-snapshot-godot-3-7-dev-1-godot-engine-pukycti74","name":"Dev snapshot: Godot 3.7 dev 1 – Godot Engine"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/unty-launched-web-based-no-code-3d-editor-yecucpnsh","name":"Unty Launched Web-Based No-Code 3D Editor"},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/ex-meta-engineer-develops-tech-that-makes-any-screen-3d-using-a-camera-y1x58yp7m","name":"Ex Meta Engineer Develops Tech That Makes Any Screen 3D Using a Camera"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/modeling-a-car-in-blender-for-godot-full-process-cvlfbfxma","name":"Modeling a car in Blender for Godot full process"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"3D","item":"https://daily.dev/tags/3d"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/3d/best-of"},{"@type":"ListItem","position":5,"name":"2025"}]}]} ```