Search Results for "three.js"
Sort By:
Showing 47 open source projects for "three.js"
View related business solutions-
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
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
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. ... -
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
5
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. -
6
ThreeJS Globe Visualization
WebGL Globe Data Visualization as a ThreeJS reusable 3D object
Three Globe is a Three.js class for creating geographic data visualizations on interactive 3D globes. It is intended for developers who want globe visualization functionality directly inside an existing Three.js scene. Geographic information can be rendered through independent layers for points, arcs, polygons, paths, heatmaps, hexagons, tiles, particles, and other objects. -
7
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. -
8
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. -
9
Globe.GL
UI component for Globe Data Visualization using ThreeJS/WebGL
Globe.GL is a web component for building interactive three-dimensional globe visualizations in the browser. It uses Three.js and WebGL to render geographic data on a spherical projection. Developers can display points, arcs, polygons, paths, heatmaps, tiles, particles, rings, labels, and custom 3D objects. Multiple visualization layers can be combined into a single globe. The component also provides controls for the globe surface, atmosphere, camera, animation, and rendering behavior. ... -
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
10
react-globe.gl
React component for Globe Data Visualization using ThreeJS/WebGL
...It exposes globe configuration and data visualization layers through React component properties. Applications can render points, arcs, polygons, paths, heatmaps, tiles, particles, rings, labels, HTML markers, and custom 3D objects. Three.js and WebGL handle the underlying three-dimensional rendering. Developers can combine several geographic layers and update them through normal React state and component workflows. The library is suitable for dashboards, geographic analytics, global networks, satellite displays, maps, and other React applications that require interactive spherical visualization. -
11
3D Force-Directed Graph
3D force-directed graph component using ThreeJS/WebGL
3D Force-Directed Graph is a web component for visualizing graph data in an interactive three-dimensional environment. It uses Three.js and WebGL for rendering while force simulation engines calculate node positions dynamically. Developers can customize nodes, links, labels, geometry, colors, directional arrows, particles, and other visual properties. Users can interact with graphs through dragging, clicking, selection, camera movement, and focus controls. The library supports dynamic data updates, collision handling, directed acyclic graph layouts, curved links, and external scene objects. ... -
12
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. -
13
Human Atlas
Open-source 3D anatomy explorer: 2,234 selectable BodyParts3D meshes
Human Atlas is an open-source interactive 3D anatomy explorer built with React and Three.js. It visualizes the BodyParts3D adult male reference as 2,234 individually selectable anatomical meshes. Users can rotate, zoom, select, isolate, and inspect structures directly in the browser. Fifteen anatomical systems can be toggled independently or viewed through presets such as skeleton and organs. Search covers thousands of named concepts and source identifiers for quickly locating structures. ... -
14
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... -
15
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. ... -
16
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. ... -
17
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. -
18
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. ... -
19
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. -
20
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.... -
21
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 -
22
OpenGLB exports Autodesk Revit models to GLB, the binary form of the open glTF 2.0 standard, in one click. GLB is the format used by modern web viewers, game engines and AR/VR tools, so your BIM model can be shared and viewed far beyond Revit: in three.js, Babylon.js, Google model-viewer, Unity, Unreal Engine, Blender, Windows 3D Viewer, and digital-twin platforms. OpenGLB keeps the structure of your model. Elements are organised as category, then family and type, then element, so the exported scene is easy to navigate and filter. Each element is split per material, with correct normals and colours taken from the Revit materials, and geometry is written in metres with the Y-up orientation that glTF viewers expect. ...
-
23
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. -
24
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. -
25
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. ...
