Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with threejs-example

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

https://github.com/marcofugaro/three-projected-material

📽 Three.js Material which lets you do Texture Projection on a 3d Model

texture-mapping texture-projection threejs threejs-example

Last synced: 08 Oct 2025

https://github.com/ektogamat/threejs-graces

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.

creative-coding threejs threejs-example webgl

Last synced: 21 Aug 2025

https://github.com/fairygui/fairygui-threejs

A GUI Editor & framework for Three.js

fairygui gui-editor three-js threejs threejs-example

Last synced: 05 Apr 2025

https://github.com/suboptimaleng/three-js-tutorials

🥉 The code for my Three.js tutorial series on YouTube.

glsl javascript three-js threejs threejs-example typescript webgl

Last synced: 07 Apr 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/theringsofsaturn/3d-art-gallery-threejs

This is an interactive 3D art gallery made with Three.js, perfect for artists or designers to exhibit their portfolio of artworks and projects.

art gallery javascript javascript-library three three-js threejs threejs-example tutorial

Last synced: 13 Apr 2025

https://github.com/codebucks27/3d-landing-page-for-apple-iphone

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.

animation-css gsap landing-page react reactjs rendering-3d-graphics scrolltrigger threejs threejs-example threejs-template webapp website-template

Last synced: 14 Apr 2025

https://github.com/iondrimba/buildings-wave

:european_post_office: A tutorial on how to create a 3D building wave animation with three.js and TweenMax

3d animation animations creative-coding es6 es6-javascript frontend javascript js motion threejs threejs-example webgl

Last synced: 26 Sep 2025

https://github.com/oslavdev/next-three-example

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

article gltf gltf-loader gltf-models medium nextjs three-js threejs threejs-example typescript webpack

Last synced: 29 Oct 2025

https://github.com/lumecraft/first-person-shooter

Open source first-person shooter foundation. Share the link with a friend for multiplayer.

canvas html javascript lume lume-element lume-game solid solidjs three three-js threejs threejs-example threejs-game typescript webgl webgl-game

Last synced: 31 Jul 2025

https://github.com/qirong77/genshin-impact-moon

Threejs复刻原神中空月之歌的场景

threejs threejs-example

Last synced: 14 Apr 2025

https://github.com/the-halfbloodprince/GalaxyM1199

A cool galaxy simulation using THREE JS particles.

galaxy particles three-js threejs threejs-example

Last synced: 05 Apr 2025

https://github.com/upf-gti/retargeting-threejs

Animation and pose retargeting solver for 3D humanoid characters using Threejs.

3d animation retargeting retargeting-animations retargeting-motion threejs threejs-example

Last synced: 11 Apr 2025

https://github.com/danielblagy/three_mmi

A utility class that enables to easily set up a simple callback for mouse interacting with threejs mesh.

javascript javascript-library js js-3d mouse-event mouse-events threejs threejs-example threejs-mesh

Last synced: 13 Apr 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/mrjasonweaver/react-3d-app

An example 3D react app using create-react-app and @react-three-fiber.

3d react reactjs threejs threejs-example webgl-programming

Last synced: 12 Apr 2025

https://github.com/pudding0503/earth3d-radiation-threejs

使用 Three.js 绘制 3D 地球来演示气候栅格数据与太阳辐射栅格数据

demo earth three-js threejs threejs-earth threejs-example web

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/upf-gti/ik-threejs

Inverse Kinematics solvers for threejs. Implementation of different algorithms: CCD, FABRIK and a mix of both.

ccd fabrik ik inversekinematics threejs-example

Last synced: 29 Oct 2025

https://github.com/pengfeiw/minicode

一个小程序展示平台。

computer-graphics reactjs threejs threejs-example webgl

Last synced: 08 Oct 2025

https://github.com/zonblade/aerosteon

scrollable 3d website example

3d-website threejs threejs-example threejs-journey

Last synced: 20 Sep 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/ronenness/simpleorbitcontrols

A simple alternative to THREE.js OrbitControls class.

camera threejs threejs-example webgl2

Last synced: 27 Apr 2025

https://github.com/axiomecg/ng-three-starter-kit

Angular 14 Starter Kit for ThreeJS (based on the ThreeJS Journey)

3d angular angular14 starter-kit starter-template threejs threejs-example typescript webgl

Last synced: 12 Jun 2025

https://github.com/kartikmandhan/multiple-window-3d

3D Objects Multi Window Synchronization Demo for fun

3d fun multiwindow three-js threejs threejs-example

Last synced: 29 Oct 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/liyasthomas/threejs

🐵 threejs demos

liyasthomas threejs threejs-example

Last synced: 29 Oct 2025

https://github.com/looeee/threejs-ide

WIP: extracting the Discover three.js IDE for use as a standalone project

ide online-ide threejs threejs-example webgl webgl2

Last synced: 15 Mar 2026

https://github.com/iondrimba/gravity

Playing with Threejs and Cannonjs

3d animation cannon-es cannon-js javascript threejs threejs-example

Last synced: 18 Mar 2025

https://github.com/greeenboi/suvans-website

The code for my website; feel free to study it

css html javascript three-js threejs-example

Last synced: 26 Apr 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/lumecraft/mapapp

LUMECraft's `mapapp` aims to be a map-based application foundation. It is powered by LUME, Three.js, and Harp.gl for 3D globe rendering, Solid.js for reactivity and templating, and Meteor for full-stack real-time database reactivity. Demo:

javascript lume meteor meteorjs nodejs solid solidjs threejs threejs-example typescript webdev webgl webgl- webgl-globe

Last synced: 27 Jun 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/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: 21 Feb 2026

https://github.com/lempiy/global-happenings

Interactive globe with dynamic map

d3 data-visualization gsap threejs threejs-example

Last synced: 03 Jul 2025

https://github.com/itrauco/threejs-3d-mmo-arena

3D game built with ThreeJS that was shelved and never included in my capstone...

3d 3d-engine 3d-game game nodejs threejs threejs-example webgl

Last synced: 08 Jul 2025

https://github.com/harwinborger/3d-walls-and-lights

Experiment: Shadow lights combined with walls

3d lights shadow threejs threejs-example walls

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/codewithsupriyo/earth-three-js

Explore the beauty and intricacy of our planet with ‘Earth-three-js’, a visually stunning representation of Earth crafted using Three.js. Dive into this interactive 3D model that showcases the dynamic textures and features of Earth’s surface, perfect for educational purposes, web development projects, or simply to admire the artistry of our world.

3d-models css3 earth earth-observation html5 js moon solar-system three-js three-js-template threejs threejs-example

Last synced: 17 Feb 2026

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/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/kuldeepjambhulkar/3dori

3D-Orientation Demo (3DOri) is a web-based tool that demonstrates the concepts of yaw, pitch, and roll using Three.js. It allows users to interactively adjust the orientation of a plane in 3D space using sliders, providing a visual understanding of 3D rotations.

3d 3d-graphics geometry threejs threejs-example

Last synced: 05 Apr 2025

https://github.com/mrjasonweaver/threejs-color

Exploring color in Three.js

3d threejs threejs-example webgl

Last synced: 19 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: 10 Mar 2026

https://github.com/raymondev/electrondocker

Dockerfile and associated files to deploy a Three.js user interface within an Electron application running in a Docker container

docker dockerfile dockerfiles-linux electron electron-app linux node-js nodejs three-js threejs threejs-example

Last synced: 30 Dec 2025

https://github.com/h5vx/mechanicalcounter3d

3D visualisation of mechanical counter that can be used as an example of how positional numeral systems works

3d counter threejs threejs-example

Last synced: 16 Mar 2025

https://github.com/imtiazkun/threejs-vite-tutorial

A demo project that is used by Bangla ThreeJS tutorial

bangla threejs threejs-example

Last synced: 03 Mar 2025

https://github.com/abdulrahmans0414/threejs-mastery

Mastering Three.js step by step! This repository documents my learning journey, starting from the basics of 3D web development. Exploring core concepts like scenes, cameras, renderers, geometries, and materials, with hands-on projects and experiments. Gradually progressing to advanced topics like shaders, animations, physics, and WebXR.

camera fov orbit renderer renderloop scene threejs threejs-example vite

Last synced: 17 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

https://github.com/r1tsuu/ts-minecraft

Minecraft Clone with TypeScript / THREE.js

game minecraft-clone threejs threejs-example typescript

Last synced: 17 Jan 2026

https://github.com/stacksapien/quantum-fractal-explorer

Quantum Fractal Explorer is a mesmerizing, real-time visualization of pulsating, infinite fractals using advanced GLSL shaders and ray marching. Experience dynamic fractal geometry with cosmic bloom effects and interactive orbit controls.

creative-coding fractal glsl raymarching real-time-visualization shader three-js threejs threejs-example webgl

Last synced: 11 Oct 2025

https://github.com/keyyard/keyyard.github.io

This repository contains the source code and assets for my portfolio website. React + 3JS + TailWindCSS

3js css html js next nextjs react tailwindcss threejs threejs-example ts typescript typescript-react

Last synced: 19 Jun 2025

https://github.com/marianpekar/sphere-of-lines

An eye candy microproject with THREE.js

javascript threejs threejs-example

Last synced: 24 Feb 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/mrzhouzh/threejs-base

Learning Three.js

threejs threejs-example

Last synced: 24 Jul 2025

https://github.com/nicholasala/myglobe

3D planet as a presentation of images placed on geographical coordinates

three-js threejs-example vanilla-javascript

Last synced: 28 Jul 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/web-dev-sam/three-see

A 3D Demo Sea Scene made using three.js with lighting and postprocessing effects

3d-graphics demo threejs threejs-example

Last synced: 28 Jul 2025