3️⃣ A curated list of awesome ThreeJS resources
-
Updated
Jun 30, 2025
3️⃣ A curated list of awesome ThreeJS resources
📽 Three.js Material which lets you do Texture Projection on a 3d Model
基于three.js开发的3D模型可视化编辑器、three.js编辑器。包含模型加载,模型文件导入导出,模型背景图,全景图,模型动画,模型灯光,模型定位,辅助线,模型辉光,模型拖拽,模型拆解, 模型材质等可视化操作编辑系统,模型编辑数据保存预览和代码嵌入
In this project, I wanted to show that creating a fancy design like this using #threejs is not as difficult as it looks. It has only 240 lines of code. The original design was created by Tom Bogner @dastom on Dribble: https://dribbble.com/shots/6767548-The-Three-Graces-Concept.
A GUI Editor & framework for Three.js
🥉 The code for my Three.js tutorial series on YouTube.
🍫 An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".
This is an interactive 3D art gallery made with Three.js, perfect for artists or designers to exhibit their portfolio of artworks and projects.
Create awesome landing page for Apple iPhone 14 using Three JS and React JS. This website uses threeJS to render 3D model of iPhone and GSAP for scrolling animations. If you want to learn how to create this website then you can follow tutorial link given in the ReadMe.
🏤 A tutorial on how to create a 3D building wave animation with three.js and TweenMax
Threejs version 🐔 Chicken Crossing the Road 🚦 (3D 风格小鸡过马路)
🎯H5示例文件100+,包含文字溢出省略号、字体渐变、雪碧图、flex布局、刮刮卡、WebSQL、翻牌游戏、五子棋、拖拽上传、贪吃蛇、推箱子、拖拽换位、大富翁、飞机大战、连连看、猜位置、2048、观察物体、大富翁幸福人生、举牌小人、数字滚动、二维码识别/生成、乌龟对对碰、扫雷等前端简单示例代码。
Collection of threejs examples, as well as demos, assets, modules and other resources that have to do with testing out the javaScript library.
Collection of three.js examples using lygia shader library
Load GLTF models in Next.js with react-three-fiber. Made for an article: https://oslavdev.medium.com/load-animated-gltf-models-in-next-js-app-with-three-js-8cf0a5d99e10
Open source first-person shooter foundation. Share the link with a friend for multiplayer.
A cool galaxy simulation using THREE JS particles.
Procedural skybox and water shader for mobile with Three.js library
Add a description, image, and links to the threejs-example topic page so that developers can more easily learn about it.
To associate your repository with the threejs-example topic, visit your repo's landing page and select "manage topics."