GitHub topics: threejs-example

Repositories

GmBodhi/create-three-app

DEPRECATED!!

Language: JavaScript - Size: 87.3 MB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 24 - Forks: 5

An interactive, modern portfolio template featuring 3D visuals, smooth animations, micro-interactions, and an AI chat assistant. Perfect for developers and designers who want to showcase their work in a truly standout way.

Language: Hack - Size: 416 KB - Last synced at: about 3 hours ago - Pushed at: 4 days ago - Stars: 0 - Forks: 0

AxiomeCG/awesome-threejs

3️⃣ A curated list of awesome ThreeJS resources

Size: 259 KB - Last synced at: 4 days ago - Pushed at: 7 months ago - Stars: 750 - Forks: 45

42arch/playground

Data Visualization and Graphic Examples.

Language: TypeScript - Size: 16.2 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 1 - Forks: 0

zonblade/aerosteon

scrollable 3d website example

Language: TypeScript - Size: 145 MB - Last synced at: 2 days ago - Pushed at: about 2 months ago - Stars: 9 - Forks: 0

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.

Language: JavaScript - Size: 1.89 MB - Last synced at: 5 days ago - Pushed at: almost 2 years ago - Stars: 283 - Forks: 71

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.

Language: JavaScript - Size: 116 MB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 172 - Forks: 59

michaelkolesidis/synthetique

Retrofuturistic demo

Language: JavaScript - Size: 4.09 MB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 3 - Forks: 0

shawhu/my3dtestapp

To show how to create and use expo glview with three.js

Language: TypeScript - Size: 248 KB - Last synced at: 13 days ago - Pushed at: 20 days ago - Stars: 0 - Forks: 0

marcofugaro/three-projected-material

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

Language: JavaScript - Size: 18.3 MB - Last synced at: 23 days ago - Pushed at: 12 months ago - Stars: 694 - Forks: 59

qirong77/genshin-impact-moon

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

Language: TypeScript - Size: 15.5 MB - Last synced at: 27 days ago - Pushed at: 27 days ago - Stars: 50 - Forks: 10

mlight-lee/three-viewcube

A highly customizable standalone view cube addon for three.js.

Language: TypeScript - Size: 161 KB - Last synced at: 19 days ago - Pushed at: about 2 months ago - Stars: 40 - Forks: 9

blob-cc/threejs-starter

Three.js | Starter

Language: JavaScript - Size: 88.9 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

Akodiat/tutorialNordicRSE25

Tutorial material for Nordic-RSE 2025: 3D visualisation and manipulation of scientific data in static web applications

Language: HTML - Size: 21.5 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

Keyyard/keyyard.github.io

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

Language: TypeScript - Size: 573 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 3 - Forks: 0

forestheims/synethsizer

Language: TypeScript - Size: 276 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

iondrimba/pendulum

Playing with physics and ThreeJs

Language: JavaScript - Size: 1.94 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 3 - Forks: 1

iondrimba/magnetism

🧲 Magnetism

Language: JavaScript - Size: 811 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 11 - Forks: 0

linyisonger/H5.Examples

🎯H5示例文件100+，包含文字溢出省略号、字体渐变、雪碧图、flex布局、刮刮卡、WebSQL、翻牌游戏、五子棋、拖拽上传、贪吃蛇、推箱子、拖拽换位、大富翁、飞机大战、连连看、猜位置、2048、观察物体、大富翁幸福人生、举牌小人、数字滚动、二维码识别/生成、乌龟对对碰、扫雷等前端简单示例代码。

Language: HTML - Size: 308 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 47 - Forks: 18

iondrimba/boundaries

Playing with Threejs and Cannonjs

Language: JavaScript - Size: 1.61 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 1

iondrimba/gravity

Playing with Threejs and Cannonjs

Language: JavaScript - Size: 54.6 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 0

upf-gti/retargeting-threejs

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

Language: JavaScript - Size: 932 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 22 - Forks: 3

ektogamat/mesh-reflector-setup

Demo Art Gallery Project

Language: JavaScript - Size: 135 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 54 - Forks: 29

SuboptimalEng/three-js-tutorials

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

Language: JavaScript - Size: 15.8 MB - Last synced at: 26 days ago - Pushed at: almost 2 years ago - Stars: 237 - Forks: 127

fairygui/FairyGUI-threejs

A GUI Editor & framework for Three.js

Language: TypeScript - Size: 9.21 MB - Last synced at: 21 days ago - Pushed at: over 1 year ago - Stars: 265 - Forks: 42

rarioj/web3d-playground

Personal Web3D experimentation and learning space

Language: JavaScript - Size: 171 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

Bipul-Dubey/JS-Fullstack-Course

JavaScript -> React -> Next.js

Language: JavaScript - Size: 107 MB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

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.

Language: JavaScript - Size: 21.2 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 97 - Forks: 33

upf-gti/IK-threejs

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

Language: JavaScript - Size: 26.4 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 11 - Forks: 2

amanyadav-work/portfolio

The portfolio website brought into existence using react.js, three.js, gsap, framer motion, bootstrap, etc

Language: JavaScript - Size: 1.22 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 0 - Forks: 0

guidoschmidt/examples.lygia-threejs

Collection of three.js examples using lygia shader library

Language: TypeScript - Size: 10.5 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 51 - Forks: 3

RonenNess/SimpleOrbitControls

A simple alternative to THREE.js OrbitControls class.

Language: JavaScript - Size: 242 KB - Last synced at: 15 days ago - Pushed at: over 5 years ago - Stars: 9 - Forks: 0

the-halfbloodprince/GalaxyM1199

A cool galaxy simulation using THREE JS particles.

Language: JavaScript - Size: 831 KB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 42 - Forks: 7

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.

Language: JavaScript - Size: 80.4 MB - Last synced at: 6 days ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

danielblagy/three_mmi

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

Language: JavaScript - Size: 584 KB - Last synced at: 2 months ago - Pushed at: about 3 years ago - Stars: 17 - Forks: 7

AngyDev/threejs-offset

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

Language: JavaScript - Size: 2.91 MB - Last synced at: 2 months ago - Pushed at: almost 3 years ago - Stars: 6 - Forks: 3

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

Language: JavaScript - Size: 489 MB - Last synced at: 2 months ago - Pushed at: 3 months ago - Stars: 13 - Forks: 4

ourcade/threejs-getting-started

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

Language: TypeScript - Size: 26.4 KB - Last synced at: about 2 months ago - Pushed at: about 3 years ago - Stars: 17 - Forks: 8

iondrimba/buildings-wave

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

Language: JavaScript - Size: 2.95 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 92 - Forks: 29

looeee/threejs-IDE

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

Language: JavaScript - Size: 7.19 MB - Last synced at: 2 months ago - Pushed at: about 4 years ago - Stars: 5 - Forks: 1

pengpen1/three-demo-site

基于three.js以及vue3的示例网站

Language: JavaScript - Size: 42.6 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 4 - Forks: 1

iondrimba/interactive-repulsive-effect

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

Language: JavaScript - Size: 1.04 MB - Last synced at: 2 months ago - Pushed at: almost 3 years ago - Stars: 203 - Forks: 45

hexianWeb/earthMap-heroSection

设计工作室概念官网 HeroSection

Language: JavaScript - Size: 23.4 MB - Last synced at: 2 months ago - Pushed at: 4 months ago - Stars: 5 - Forks: 0

Dahuum/FakePortfolio

Language: JavaScript - Size: 18.1 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

RashimNarayanTiku/RashimNarayanTiku.github.io

My Portfolio Website

Language: JavaScript - Size: 52.6 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 1 - Forks: 0

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

Language: JavaScript - Size: 1.49 MB - Last synced at: 2 months ago - Pushed at: 7 months ago - Stars: 4 - Forks: 0

liyasthomas/threejs

🐵 threejs demos

Language: HTML - Size: 4.88 KB - Last synced at: 13 days ago - Pushed at: about 6 years ago - Stars: 5 - Forks: 1

iondrimba/threejs-audio-visualizer-tree

:christmas_tree: Christmas Lab - Dancing Tree

Language: JavaScript - Size: 13.8 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 11 - Forks: 1

ttiimmaacc/ik-kinetics

Demo of inverse kinematics (IK) using the FABRIK algorithm to simulate realistic leg movement.

Language: JavaScript - Size: 2.72 MB - Last synced at: 3 months ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

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 .

Language: HTML - Size: 426 MB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

kellycode/flag-waving

Animated cloth / Flag waving

Language: JavaScript - Size: 10.7 MB - Last synced at: 4 months ago - Pushed at: 4 months ago - Stars: 3 - Forks: 1

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.

Language: JavaScript - Size: 16.6 KB - Last synced at: 2 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

michaelkolesidis/character-movement-theejs

An example of basic character and camera movement in Three.js.

Language: JavaScript - Size: 280 KB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 11 - Forks: 3

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.

Language: HTML - Size: 7.81 KB - Last synced at: 27 days ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

hexianWeb/nexa-ai-copy

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

Language: JavaScript - Size: 60.4 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 0 - Forks: 0

iondrimba/raining

☔ Playing with ripple effects

Language: JavaScript - Size: 1.12 MB - Last synced at: 2 months ago - Pushed at: about 2 years ago - Stars: 9 - Forks: 2

iondrimba/rain-drops

💦 Playing with Ripple Effect

Language: JavaScript - Size: 1.35 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 15 - Forks: 2

henryegloff/Three.js-Basic-PWA-Template

Basic Three.js progressive web app template.

Language: JavaScript - Size: 248 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 6 - Forks: 0

henryegloff/Basic-Three.js-Starter

Basic Three.js starter template.

Language: JavaScript - Size: 234 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 3 - Forks: 0

brandflugan/three-js-webpack-boilerplate

Webpack 5 & Three.js boilerplate

Language: JavaScript - Size: 2.71 MB - Last synced at: 3 days ago - Pushed at: about 1 year ago - Stars: 11 - Forks: 6

greeenboi/Suvans-website

The code for my website; feel free to study it

Language: JavaScript - Size: 5.03 MB - Last synced at: about 2 months ago - Pushed at: almost 2 years ago - Stars: 5 - Forks: 0

B3o/NeonVerse

NeonVerse 是一个基于 Three.js 构建的赛博朋克风格 3D 世界项目，全程由Devin编写。

Language: TypeScript - Size: 854 KB - Last synced at: 16 days ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

pengfeiw/minicode

一个小程序展示平台。

Language: JavaScript - Size: 1.19 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 10 - Forks: 3

tankvn/awesome-threejs

A curated list of awesome ThreeJS resources

Size: 7.81 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0

AxiomeCG/ng-three-starter-kit

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

Language: TypeScript - Size: 43.5 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 1

rootVIII/threejs_walking

My ThreeJS Template - Making a character walk

Language: JavaScript - Size: 18.4 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

cconsta1/christmas-scene

A festive interactive 3D scene created using Three.js, featuring a "Back to the Future" train, a snowy platform, Christmas tree, falling snow particles, festive text, and a gradient skybox. The scene includes animations and background music to enhance the holiday atmosphere.

Language: JavaScript - Size: 83.3 MB - Last synced at: 13 days ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

GrantBartlett/three-typescript-webpack-starter

A starter project for using Three.js, TypeScript, SCSS and Webpack.

Language: JavaScript - Size: 517 KB - Last synced at: 6 months ago - Pushed at: 6 months ago - Stars: 21 - Forks: 5

jefter-dev/3D

👾 Elementos 3D com Three.js

Language: JavaScript - Size: 36.1 MB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 2 - Forks: 0

Kenkyoo/app-three-text

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

Language: JavaScript - Size: 140 KB - Last synced at: 3 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

AngyDev/threejs-clipping

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

Language: JavaScript - Size: 67.4 KB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 0

RaymonDev/ElectronDocker

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

Language: HTML - Size: 19.5 KB - Last synced at: 2 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

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

Language: TypeScript - Size: 216 MB - Last synced at: 2 months ago - Pushed at: over 4 years ago - Stars: 51 - Forks: 16

SdtElectronics/Visualization-of-Hyper-Geometries

Visualization of High-dimensional Geometries by Three.js

Language: JavaScript - Size: 1.52 MB - Last synced at: 2 months ago - Pushed at: about 3 years ago - Stars: 11 - Forks: 1

Alex313031/webgl-pipes Fork of 1j01/pipes

💿 Classic 3D Pipes screensaver remake (WebGL Based)

Language: JavaScript - Size: 1.29 MB - Last synced at: 5 days ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 2

lowgame/goalkeeper_with_hand_tracking

Basic goalkeeper game with camera and hand-tracking. THREEJS

Language: JavaScript - Size: 902 KB - Last synced at: 4 months ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

diving-in/threejs

Tutorials on Three.js, an open source javascript library for 3D graphics on the web.

Language: JavaScript - Size: 2.5 MB - Last synced at: 6 months ago - Pushed at: over 6 years ago - Stars: 34 - Forks: 21

imanujmeenasharma/physics-threejs

Implementing physics in three.js

Language: HTML - Size: 5.26 MB - Last synced at: 11 days ago - Pushed at: 8 months ago - Stars: 1 - Forks: 0

imanujmeenasharma/scroll-based-animations

Scroll based animations by Three.js

Language: HTML - Size: 719 KB - Last synced at: about 2 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

imanujmeenasharma/galaxy-generator

Galaxy Generator

Language: HTML - Size: 529 KB - Last synced at: 3 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

alberto-torres/responsive-bouncy3d

Mini video game example that combines: UI, responsiveness, 2D and 3D animation, video games and scroll animation; to be deployed via a modern web browser.

Language: JavaScript - Size: 3.03 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

PeterPerhac/maze-walker

3D Maze game with Three.js

Language: JavaScript - Size: 72.9 MB - Last synced at: 2 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

kartikmandhan/multiple-window-3D

3D Objects Multi Window Synchronization Demo for fun

Language: JavaScript - Size: 169 KB - Last synced at: 2 months ago - Pushed at: 12 months ago - Stars: 8 - Forks: 0

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.

Language: JavaScript - Size: 13.1 MB - Last synced at: 4 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

LUMECraft/first-person-shooter

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

Language: TypeScript - Size: 949 KB - Last synced at: 2 months ago - Pushed at: 9 months ago - Stars: 48 - Forks: 8

stymee/iges-three

A (work in progress) IGES importer for THREE.Js

Language: TypeScript - Size: 96.7 KB - Last synced at: 5 days ago - Pushed at: about 4 years ago - Stars: 5 - Forks: 1

satelllte/r3f 📦

A playground for react-three-fiber.

Language: TypeScript - Size: 701 KB - Last synced at: 4 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

Related Keywords

threejs-example 265 threejs 210 three-js 99 threejs-learning 85 javascript 59 webgl 47 3d 47 react 21 typescript 18 three 17 animation 17 3d-graphics 14 react-three-fiber 12 reactjs 11 threejs-journey 11 html 11 creative-coding 11 webpack 10 3d-models 10 js 10 nodejs 10 nextjs 10 demo 9 glsl 9 css 8 threejs-boilerplate 7 html-css-javascript 7 shaders 7 canvas 7 glsl-shaders 6 shader 6 motion 6 graphics 6 vite 6 game-development 6 portfolio 6 visualization 5 three-fiber 5 portfolio-website 5 es6 5 threejs-template 5 game 5 gsap 5 glsl-shader 5 javascript-library 5 vue3 5 gltf 5 gltf-loader 4 solar-system 4 template 4 particles 4 vue 4 website-background 4 web-design 4 twgl 4 mtw-canvas 4 header 4 glslx 4 bundles 4 background 4 animation-3d 4 blender 4 tutorial 4 galaxy 4 vuejs 4 games 4 angular 4 webgl2 3 node-js 3 cannonjs 3 cannon-es 3 gamedev 3 animations 3 website 3 vercel 3 3d-game 3 3d-engine 3 webgl-game 3 earth 3 html5 3 web 3 space 3 isometric 3 boilerplate 3 3js 3 physics 3 particle-system 2 scss 2 3d-animation 2 game-dev 2 bullet3 2 bullet-physics 2 ammojs 2 vue3-typescript 2 bruno-simon 2 threejs-particle 2 2d-game 2 webgl-globe 2 demoscene 2 pointerlockcontrols 2