Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with threejs-learning

A curated list of projects in awesome lists tagged with threejs-learning .

https://github.com/zhangbo126/threejs-3dmodel-edit

基于three.js开发的3D模型可视化编辑器 包含模型加载，模型文件导入导出，模型背景图，全景图，模型动画，模型灯光，模型定位，辅助线，模型辉光，模型拖拽，模型拆解， 模型材质等可视化操作编辑系统，模型编辑数据保存预览和代码嵌入 前端技术:Vue3+Typescript+Pinia+Threejs

3d-models three-edit three-js three-preview three-view three-vue threejs threejs-learning threejs-view threejs3d threejs3d-model webgl

Last synced: 16 May 2025

https://github.com/iondrimba/interactive-repulsive-effect

:chocolate_bar: An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".

animation codrops creative demo javascript motion repulsion threejs threejs-example threejs-learning tutorial webgl

Last synced: 13 Apr 2025

https://github.com/ektogamat/drill-webgi-tutorial

A template for buildind scrollable landing pages with Gsap, ScrollTrigger and webgi engine in typescript using parcel bundler.

course gsap-scrolltrigger pixotronics threejs threejs-boilerplate threejs-learning

Last synced: 16 Mar 2025

https://github.com/mohnishlandge/threejs-template

Three.js Template Boilerplate Get started with Three.js to render 3d Web Experience

threejs threejs-boilerplate threejs-learning threejs-template

Last synced: 07 Sep 2025

https://github.com/ourcade/threejs-getting-started

Example code for getting started in Three.js by recreating the original DOOM controls

game-development gamedev threejs threejs-example threejs-learning typescript

Last synced: 14 Apr 2025

https://github.com/cconsta1/threejs_car_demo

This is the source code (three.js and Cannon-es) for a GLTF car that can be controlled from the keyboard

3d-models 3d-website cannon-es cannonjs game-development gltf gltf-loader nodejs threejs threejs-example threejs-learning

Last synced: 01 Mar 2025

https://github.com/mohitkumartoshniwal/threejs-webxr-ar

Webxr code related to a youtube playlist focusing on teaching basics of augmented reality for the web using threejs

augmented-reality augmented-reality-applications beginner-friendly threejs threejs-learning webar webxr youtube zerotomastery

Last synced: 30 Apr 2025

https://github.com/angydev/threejs-clipping

Clipping multiple objects and close the mesh with the original color of the object

3d javascript threejs threejs-example threejs-learning

Last synced: 14 Apr 2025

https://github.com/jovey-zheng/learn-threejs

A 3D T-Shirt demo build with vite, vue3, three.js

threejs threejs-example threejs-learning vite vue3

Last synced: 22 Apr 2025

https://github.com/Kristopher-Jung/randomchat3d

Angular random chat application that uses 3D animations and Socket.io for better chatting experiences

angular express github-pages heroku javascript learning-by-doing mongoose nodejs personal-project random-chat showcase-website socket threejs threejs-learning typescript webapp

Last synced: 11 Mar 2025

https://github.com/angydev/threejs-offset

Create an offset sets of points or an offset mesh from an STL file

3d javascript threejs threejs-example threejs-learning

Last synced: 12 Jul 2025

https://github.com/victoriacheng15/three-js-demo

In this repository, you'll find a comprehensive demonstration of Three.js materials, lights, shadows, and their intricate interactions. Gain a deep understanding of how each element collaborates within the Three.js framework through a series of interactive demos and examples

threejs threejs-example threejs-learning

Last synced: 12 Apr 2025

https://github.com/khairislama/robot-playground

An experimental 3D web project using Next.js, Three.js, React Three Fiber, and postprocessing to display and animate a Blender model. Perfect for exploring interactive 3D web experiences.

3d-animation interactive-3d nextjs14 react-drei react-fiber-three react-postprocessing threejs-learning web-development webgl

Last synced: 13 Apr 2025

https://github.com/iondrimba/threejs-starter

:flying_saucer: Basic threejs setup for quick prototyping

3d creative-coding demo javascript prototyping threejs threejs-learning

Last synced: 07 Apr 2025

https://github.com/ehsanidev/virtual-observatory

a simple yet immersive simulation of a night sky using Three.js, a popular JavaScript library for creating and rendering 3D graphics in a browser. This project provides an interactive experience where users can explore a simulated star field, with added interactive elements.

threejs threejs-learning

Last synced: 01 Jul 2025

https://github.com/nguyend-nam/simple-threejs-scroll

3D effect on scrolling and hovering using ThreeJS library

threejs threejs-learning

Last synced: 20 Feb 2025

https://github.com/swieza-strona/three-js-fruits

Example three.js fruits renders, with all the files locally hosted.

javascript three-js threejs threejs-example threejs-learning

Last synced: 28 Oct 2025

https://github.com/mohammed-thaha/herospectra-3d

A frontend web app built with React, Vite, and Three.js to showcase interactive 3D superhero models. Open-source and optimized for learning and collaboration.

begginers firstcontribution frotend goodfirstissue reactjs reactvite tailwindcss threejs-learning vite

Last synced: 17 Jun 2025

https://github.com/mooncat126/threejs-control-game

🐺 An interactive 3D game built with Three.js and Next.js and Vue.js, featuring a controllable models and various 3D objects.

fxb gifloader nextjs three-fiber threejs threejs-example threejs-learning vuejs

Last synced: 28 Oct 2025

https://github.com/lancercomet/threejsjourney

My practice code for the course ThreeJS Journey. Plus a Vue binding library for Three.

three threejs threejs-example threejs-journey threejs-learning vue vue3 vuejs webgl

Last synced: 01 Aug 2025

https://github.com/arnobt78/modern-iphone-3d-landing-ui-react-frontend

This project is a modern, interactive ReactJS website inspired by the Apple iPhone 15 Pro Max product page. It showcases advanced UI/UX, 3D model integration, smooth animations, and responsive design. The site is built for learning, demonstration, and as a template for high-quality product landing pages.

3d-helper 3d-ui animated-process-indicator gsap gsap-animation gsap-scroll iphone-web-design landing-page modern-ui modern-ui-design react-three-drei react-vite-tailwindcss responsive-design reusable-components sentry-integration three-fiber three-js threejs threejs-learning video-highlight

Last synced: 14 Sep 2025

https://github.com/softgod4/twistspace

☁️⚡ Twist Space is a powerful yet lightweight web application designed to display and manipulate 3D models in .glb format. Whether you're working on desktop or mobile, the app provides a seamless experience for viewing and interacting with 3D content.

framer-motion react tailwindcss threefiber threejs threejs-learning typescript wouter

Last synced: 03 Dec 2025

https://github.com/jenspenny/threejs_scaffolding

Boilerplate for a threejs project

threejs threejs-boilerplate threejs-learning

Last synced: 04 Oct 2025

https://github.com/imvinay10/threejs-first

This project features a 3D planet-like sphere built with Three.js, showcasing custom lighting, textures, and dynamic effects. It highlights my skills in real-time rendering and optimization, marking a step toward mastering 3D web development.🤠

reactjs threejs-learning

Last synced: 06 Apr 2025

https://github.com/peteee/threejs-demos

Different geometries, materials, svgloader & collada import (via Blender)

3d blender canvas collada-importer dae three-js threejs threejs-example threejs-learning

Last synced: 25 Feb 2025

https://github.com/khairislama/threejs-tuto

A simple and elegant project using Vite to explore 3D graphics with Three.js. Features a rotating, lit sphere with smooth scroll animations. Perfect for learning and experimenting with Three.js.

3d-animation graphics gsap interactive-3d orbitcontrols three-js threejs-learning vite webgl

Last synced: 27 Mar 2025

https://github.com/satelllte/r3f

A playground for react-three-fiber.

r3f react-three-fiber threejs threejs-example threejs-learning

Last synced: 24 Oct 2025

https://github.com/anindya-dey/threejs-solar-system

Solar System using Three.js

three-js threejs threejs-learning

Last synced: 08 Mar 2025

https://github.com/hexianweb/nexa-ai-copy

知名外网 UX 设计者 Alex 复刻 live:https://nexa-ai-copy.vercel.app/

three-js threejs threejs-example threejs-learning

Last synced: 27 Mar 2025

https://github.com/h12m54am/threejs-showcase

A place where I want to show how I am doing on using Three.js

javascript threejs threejs-learning

Last synced: 04 Apr 2025

https://github.com/rajatnai49/threejs-templates

I am learning three.js by doing different projects so I like to share my learning with others If you have any amazing three.js projects then you can share them here.

animation gsap3 threejs threejs-learning typescript

Last synced: 23 Jun 2025

https://github.com/kenkyoo/app-three-text

Este proyecto permite renderizar texto en 3D utilizando Three.js.

html-css-javascript threejs threejs-example threejs-learning vite

Last synced: 15 Jul 2025

https://github.com/takenorioshima/tatoe-midi-head-js

MIDI visualiser as a live rig of Ta to E.

midi threejs threejs-learning

Last synced: 11 Mar 2025

https://github.com/rarioj/web3d-playground

Personal Web3D experimentation and learning space

threejs threejs-example threejs-learning

Last synced: 12 Sep 2025

https://github.com/eli-parker/galaxy-generator

A web development app which uses particles to generate a galaxy effect. This is a lesson which is a part of the ThreeJS Journey lesson which I've lightly modified.

javascript threejs-learning web-development

Last synced: 05 Apr 2025

https://github.com/kenkyoo/app.three-globe

Una aplicación en 3D construida con Three.js que muestra un globo terráqueo giratorio como si fuera el Sol en un espacio tridimensional.

html-css-javascript javascript three-js threejs threejs-learning vite

Last synced: 31 Dec 2025

https://github.com/antihero/three.js-journey

https://antihero.github.io/three.js-journey/

threejs-learning

Last synced: 03 Nov 2025

https://github.com/thehale/threejs-dice-screensaver

A tutorial teaching the basics of the 3D Web Graphics library THREE.js via the creation of a 3D Dice Screensaver

three-js threejs threejs-example threejs-learning tutorial webgl

Last synced: 05 Mar 2025

https://github.com/nischay-code/3d_portfolio

Build an Amazing 3D Developer Portfolio in React with Three.js

3danimation javascript reactjs threejs-learning

Last synced: 04 Aug 2025

https://github.com/leoncantillo/learning_threejs

Some simple projects to learn the basics of three.js

react reactjs reactjs-project three-js threejs threejs-learning

Last synced: 08 Aug 2025

https://github.com/robeecodes/rc-car-simulator

Prototype of an RC Car Simulator created using THREE.js, Tone.js and CANNON.js

cannon-es cannon-js cannonjs coursework-project javascript three-js threejs threejs-learning tonejs

Last synced: 30 Mar 2025

https://github.com/justinzm/threejs-learning

threejs 学习课程及练习题

threejs threejs-example threejs-learning

Last synced: 07 May 2025

https://github.com/aniike-t/threejs_practice

Learning THREE JS, R3F, BabylonJS

javascript threejs threejs-learning

Last synced: 17 Nov 2025

https://github.com/kenkyoo/app-three-sphere

Una aplicación en 3D creada con Three.js que renderiza múltiples esferas animadas en un contexto tridimensional.

javascript three three-js three-tier-architecture threejs-learning vite

Last synced: 31 Mar 2025

https://github.com/rani-abha/threejs_journey

This is where I've stashed all the cool stuff I've been creating while diving headfirst into the amazing world of Three.js. 🎉 Inside this repo, you'll find a treasure trove of 3D experiments, interactive visuals, and mind-bending animations that I've whipped up as I've been learning. From mind-blowing landscapes to trippy 3D models, it's all here

3d three-js threejs threejs-example threejs-journey threejs-learning webpack

Last synced: 06 Mar 2025

https://github.com/2alf/fmkthree.js

Three.js lecture summary and docs including the projects code for 2023 creative coding class.

creative-coding fmk three-js threejs threejs-example threejs-learning university-coursework workshop-materials

Last synced: 15 Mar 2025

https://github.com/flute/webvr

learning webVR

threejs threejs-learning vr webvr

Last synced: 10 Jun 2025

https://github.com/rafa-denlavor/knowledge-three.js

[PAUSADO] Registro de conhecimentos e utilização de recursos da biblioteca de criação de jogos e de modelagem 2D/3D Three.js.

2d-game 3d-engine games threejs threejs-example threejs-learning

Last synced: 23 Nov 2025

https://github.com/sonalisrisivani/3js

learning 3js from scratch till i master it. this repository serves as a roadmap and reference for me in future or maybe help you .

3js 3jsproject css html js threejs threejs-example threejs-learning

Last synced: 25 Mar 2025

https://github.com/dumakit/three.js-practice

three.js를 공부한 레파지토리 입니다.

threejs-learning

Last synced: 06 Mar 2025

https://github.com/aniketghodmare/3d-floorplan

An interactive 3D floor plan built with React, Three.js, React Three Fiber, and Drei. Explore property layouts in stunning 3D detail right in your browser—navigate through rooms, visualize spaces, and experience architectural visualization with seamless interactivity and smooth performance.

reactjs reactthreedrei reactthreefiber threejs threejs-example threejs-learning

Last synced: 08 Oct 2025