Search Results for "three.js"
Sort By:
Showing 40 open source projects for "three.js"
View related business solutions-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. -
2
Three.js Object Sculptor
Codex plugin that turns attached object images into code-only
Three.js Object Sculptor is a Codex plugin that converts a reference image into a procedural Three.js object written entirely in code. It first evaluates whether the image is suitable and produces an ObjectSculptSpec describing geometry, materials, lighting, hierarchy, pivots, and quality targets. Codex then follows staged passes from blockout and structural work through surface detail, interaction design, and optimization. -
3
3D Website with Three.js
The most impressive websites in the world use 3D graphics
...Among its features are a customizable 3D hero section (e.g., a 3D model of a desktop), interactive skills and work sections with animations, a 3D earth model in the contact section, and responsive design so it works across devices. This repository is especially suitable for front-end developers who want to level up their portfolio, learn advanced web graphics (Three.js), and showcase creativity alongside technical acumen. -
4
Three.js Skills for Claude Code
Collection of Three.js skill files
Three.js Skills for Claude Code repository is a curated collection of modular skills and educational code aimed at helping developers learn and apply Three.js, the popular JavaScript library for 3D graphics on the web. It groups foundational lessons, examples, and utilities that make it easier to set up 3D scenes, work with cameras, lighting, materials, shaders, and animation loops, and handle user interactions in a browser context. -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
React Three Fiber
A React renderer for Three.js
Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive, and can tap into React's ecosystem. There is no hard dependency on a particular three.js version, it does not wrap or duplicate a single three.js class. It merely expresses three.js in JSX, <mesh /> becomes new THREE.Mesh(), and that happens dynamically. There is no additional overhead. Components participate in a unified render loop outside of React. It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. ... -
6
Claude of Duty
A Call of Duty-quality FPS in Three.js, built from a single prompt
Claude of Duty is a browser-based first-person shooter built with Three.js and WebGL2 by an orchestrated fleet of AI coding agents. The project contains roughly 55,000 lines divided across 11 coordinated gameplay and rendering subsystems. It uses no conventional art or audio assets because textures, meshes, animations, weapons, effects, environments, and sounds are generated procedurally from code at runtime. -
7
img2obj
Codex plugin that turns attached object images into code-only
...Generated models can include animation-ready parent-child relationships and detachable or articulated parts. Visual review compares browser renders with the source and requires important differences to be corrected before promotion. Outputs include a TypeScript Three.js factory, structured specifications, comparison evidence, optional procedural PBR maps, and review checkpoints. -
8
A-Frame
A web framework for building virtual reality experiences
...A-Frame simplifies virtual reality by handling the required 3D and WebVR boilerplate to get you running on platforms like mobile, desktop, Vive, and Rift. Because it can be used from HTML, just about everyone can use it. A-Frame is a thin yet powerful framework on top of three.js. While A-Frame is completely accessible from HTML, developers can also make full use of JavaScript, DOM APIs, three.js, WebVR, and WebGL. -
9
img2threejs
Rebuild the object in a reference image as a code-only, procedural
img2threejs is an open-source agent skill that rebuilds an object from one reference image as procedural Three.js code. It generates a TypeScript THREE.Group factory from primitives, procedural shaders, and generated geometry rather than extracting or downloading a mesh. The resulting hierarchy can include pivots, sockets, colliders, and destruction groups so the model is ready for interaction and animation. A staged pipeline evaluates suitability, defines a detailed specification, builds successive passes, renders browser previews, and compares them with the source image. ... -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
3DCellForge
AI-powered interactive 3D cell generation and exploration studio
3DCellForge is an AI-powered 3D cell generation and exploration studio built as a polished browser prototype. It uses React, Vite, Three.js, React Three Fiber, Drei, and Framer Motion to create an interactive WebGL environment for exploring biological cell models. Users can rotate, zoom, inspect organelles, compare views, take notes, capture screenshots, and export or import GLB models. The project also supports optional image-to-3D generation through cloud providers and local backends, while keeping API keys on the server side instead of exposing them in the frontend bundle. ... -
11
CCapture.js
A library to capture canvas-based animations at a fixed framerate
...The library supports multiple export formats including WebM, GIF, PNG sequences, and JPEG archives, making it flexible for different workflows. It integrates easily into browser-based creative coding environments like Three.js and p5.js, making it especially valuable for artists and developers producing generative visuals. -
12
vinext-starter
An interactive 3D human anatomy explorer built using threejs
...Additional activities include guided lessons, quick quizzes, function animations, microscopic views, and organ comparisons. The interface prefetches models and image assets to make switching between specimens feel responsive. The application is built with React, Three.js-based rendering, GSAP interface animation, and a modern full-stack web starter with optional Cloudflare services. -
13
image-blaster
An image-to-world skillset for Claude
image-blaster is an image-to-world skillset that turns a single input image into a richer 3D production starting point. It uses Claude skills together with external generation services to create 3D environments, object meshes, Gaussian splats, and sound effects. The project is designed to accelerate early-stage 3D work by producing usable assets from visual references in just a few guided steps. It can generate dynamic object models, static environment captures, ambient loops, and... -
14
iCn3D
Web-based protein structure viewer and analysis tool
"I see in 3D" (iCn3D) Structure Viewer is not only a web-based 3D viewer, but also a structure analysis tool interactively or in the batch mode using NodeJS scripts based on the npm package icn3d. iCn3D synchronizes the display of 3D structure, 2D interaction, and 1D sequences and annotations. Users' custom displays can be saved in a short URL or a PNG image. The complete package of iCn3D including Three.js and jQuery is in the directory "dist" after you get the source code with the "Code" button. View a 3D structure in iCn3D, input a PDB ID, and click "Load". You can also click the "File" menu to "Open File" or input other IDs. You can open a browser in your Virtual Reality (VR) headset and view a 3D structure in iCn3D. Then click the button "Enter VR" at the bottom center of your browser to enter the VR view. ... -
15
JanusWeb
An in-browser implementation of JanusVR
JanusXR re-imagines webpages as collaborative 3D web spaces interconnected by portals. JanusXR turns any webpage into its own three-dimensional space where users can meet and explore with others. Host content on the open web and customize Janus' open-source multiplayer server to fit your needs. VESTA is JanusXR's user-driven community. Post your own spaces and get feedback from other community members! The built-in editor allows users to join together to create content in real-time.... -
16
Baby Cat Engine
Here we're trying to create the easiest open-source game engine.
The rule of baby cat engine: gpu rendering is for user because now everybody use different renderers. Befort porting to cpp I'll first test this with three.js so newbies can learn by right-clic. Structure code is 2 folders: mothercard / devices -
17
Riffusion App
Stable diffusion for real-time music generation (web app)
...Unlike traditional music generation tools, it treats audio as spectrogram images and applies diffusion techniques to generate continuous sound transitions, allowing users to create evolving musical loops and compositions. The application is built with modern web technologies including Next.js, React, and three.js, providing a responsive and visually engaging interface for experimentation. It relies on a separate inference server to perform model computations, enabling flexible deployment depending on hardware capabilities. Users can input prompts or modify parameters to influence the style, tempo, and characteristics of generated audio, making it useful for creative exploration and prototyping. -
18
Amica
Amica is an open source interface for interactive communication
...Users can import VRM character models, adjust their appearance, tune the voice to match the character, and define behavior using different large language models and TTS backends. Under the hood, Amica leverages modern web and desktop technologies: three.js and three-vrm for 3D rendering, Transformers.js for running models in the browser, Whisper and Silero VAD for speech recognition and voice-activity detection, and a variety of LLM backends such as llama.cpp servers, ChatGPT-compatible APIs, Ollama, KoboldCpp, and others. It also integrates multiple text-to-speech providers, including ElevenLabs, OpenAI, Coqui, RVC, and AllTalkTTS. -
19
VueGL
Vue.js components rendering 3D WebGL graphics reactively with three.js
VueGL is a component library for rendering 3D graphics with Vue.js and three.js. Using VueGL, you can handle WebGL very easily. In addition, drawn graphics are responsively re-rendered when detecting data changes. Vue.js is one of the very popular frameworks for building web apps or interactive websites. three.js is a 3D graphics library to uses WebGL. It provides classes wrapping WebGL APIs. They aim for different targets to be rendered, Vue.js for DOM and three.js for WebGL context. ... -
20
Frontend Park
Frontend projects and experiments
frontend-park is a collection of engaging frontend projects and experiments, showcasing various web technologies. It includes examples ranging from pose and face recognition using TensorFlow.js to WebRTC-based video calls and Three.js 3D animations. This repository serves as a playground for exploring and learning modern frontend development techniques. -
21
react-three/flex
Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. -
22
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library
This JavaScript library detects and tracks the face in real time from the camera video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third-party library.... -
23
Shadow Editor
Cross-platform 3D scene editor based on three.js, golang and mongodb
Cross-platform 3D scene editor based on three.js, golang and mongodb for desktop and web. Starting from v0.6.1, ShadowEditor only provides core features and extended APIs, and other features will be provided in the extensions, just like VSCode. We will develop in the dev branch. Fix the bug that some versions of go typeface management list report errors. Play animations in the scene in real time, and can play full screen and in new window. -
24
Semantic Segmentation Editor
Web labeling tool for bitmap images and point clouds
...The tool has been developed in the context of autonomous driving research. It supports images (.jpg or .png) and point clouds (.pcd). It is a Meteor app developed with React, Paper.js, and three.js. -
25
Sketchbook
3D playground built on three.js and cannon.js
3D playground built on three.js and cannon.js. Simple web-based game engine built on three.js and cannon.js focused on third-person character controls and related gameplay mechanics. Mostly a playground for exploring how conventional third-person gameplay mechanics found in modern games work and recreating them in a general way. Raycast character controller with capsule collisions.
