JavaScript Threejs

Open-source JavaScript projects categorized as Threejs

Top 23 JavaScript Threej Projects

  • A-Frame

    :a: Web framework for building virtual reality experiences.

    Project mention: The Future of Node.js in Virtual and Augmented Reality Development | dev.to | 2023-07-19

    Traditionally, VR and AR development involved complex frameworks and languages, but Node.js brings a fresh approach to the table. Its familiarity with JavaScript allows developers to write code for VR and AR applications with ease. By utilizing libraries like A-Frame for VR and AR.js for AR, developers can create immersive experiences directly in the browser using Node.js. This seamless integration opens up opportunities for a wider range of developers to enter the VR and AR landscape.

  • drei

    🥉 useful helpers for react-three-fiber

    Project mention: Cannot render glb file in frontend, instead it showing a black image | /r/threejs | 2023-07-06

    the eco system gives you so much freedom, especially when it comes to properly align, display your models, and to make them look nice. there are dozens of components for staging, lighting, soft shadows, you would miss out on all of that https://github.com/pmndrs/drei

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

  • vanta

    Animated 3D backgrounds for your website

    Project mention: Seeking Guidance and Implementation Tips for Vanta.js-like Effects in Flutter | /r/flutterhelp | 2023-06-01

    Looking that the source code, it seems that these are implemented using shaders. Those are a new thing in Flutter, so I'd try to go that road. You probably need a CustomPaint with a CustomPainter, painting a Rect with a Paint using that Shader, feeding it all input parameters. I've absolutely no experience with shaders in Flutter, but that's what I'd try for something simple like the fog. For the birds, you'd probably need to implement a lot of 3D geometry yourself.

  • AR.js

    Image tracking, Location Based AR, Marker tracking. All on the Web.

    Project mention: I made a 3D menu | /r/SideProject | 2023-03-21
  • NN-SVG

    Publication-ready NN-architecture schematics.

    Project mention: NN-SVG is a tool for creating Neural Network architecture drawings parametrically rather than manually! It also provides the ability to export those drawings to Scalable Vector Graphics (SVG) files, suitable for inclusion in academic papers or web pages | /r/aipromptprogramming | 2023-04-14
  • jeelizFaceFilter

    Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).

  • 3d

    Three.js 3D项目,包含冰墩墩🐼、数字城市🏙、3D人像👤、车模展示🚗、塞尔达传说🗡等一些3D趣味演示页面,持续优化中...访问链接如下👇 (by dragonir)

    Project mention: how to make this link tree animation with CSS and JS | /r/webdev | 2023-03-09
  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • sketch-threejs

    Interactive sketches made with three.js.

    Project mention: Github Newb in need of help w/ javascript implementation | /r/github | 2023-05-14

    Your question has nothing to do with github other than that the code is hosted there. Github is "just" a file explorer in this case where you can look at the source code. https://github.com/ykob/sketch-threejs/tree/main/src/js/sketch/butterfly

  • craftzdog-homepage

    My homepage

    Project mention: Ask HN: One-person startups/SaaS that are profitable? | news.ycombinator.com | 2023-09-13

    I'm guessing Inkdrop: https://soccermatics.readthedocs.io/en/latest/index.html

    The dev (Takuya Matsuyama) also has a nice website and a YouTube channel - https://www.craftz.dog

  • matcaps

    Huge library of matcap PNG textures organized by color

    Project mention: Bit of a rant concerning character creation | /r/VRchat | 2023-04-09
  • hubs

    Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.

    Project mention: is there a 3D metaverse, of the fediverse? | /r/fediverse | 2023-06-07

    Not sure if Mozilla Hubs federates, but as already said, ThirdRoom is Matrix VRchat thing.

  • THREE.MeshLine

    Mesh replacement for THREE.Line

    Project mention: Recreating this 3D animation with Three.js | /r/threejs | 2023-02-27
  • three-mesh-bvh

    A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.

    Project mention: Procedural CAD Modelling tools for WebGL | /r/proceduralgeneration | 2023-03-11

    the default one ( with the sop/boolean node ) uses https://github.com/gkjohnson/three-mesh-bvh, which is very stable already.

  • Online3DViewer

    A solution to visualize and explore 3D models in your browser.

    Project mention: Substance won't start with AMD integrated Graphics | /r/Substance3D | 2023-05-10
  • mind-ar-js

    Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js

    Project mention: 8thwall pricing is crazy | /r/augmentedreality | 2023-07-04

    And actually OP, if all you need is image-tracking you could look into JS-lib-only solutions like this one: https://github.com/hiukim/mind-ar-js

  • react-three-next

    React Three Fiber, Nextjs, Tailwind and Styled-components starter

    Project mention: Next.js Weekly #4: Vercel Ship, PHP to RSCs, Precedent 2.0, Hot Takes 🌶️ | /r/test | 2023-04-22

    react-three-next

  • THREE.js-PathTracing-Renderer

    Real-time PathTracing with global illumination and progressive rendering, all on top of the Three.js WebGL framework. Click here for Live Demo: https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html

  • troika

    A JavaScript framework for interactive 3D and 2D visualizations

  • 3DTilesRendererJS

    Renderer for 3D Tiles in Javascript using three.js

  • react-planner

    :pencil2: A React Component for plans design. Draw a 2D floorplan and navigate it in 3D mode.

  • three-gpu-pathtracer

    Path tracing renderer and utilities for three.js built on top of three-mesh-bvh.

    Project mention: CUDA Accelerated Raytracer | news.ycombinator.com | 2023-06-15

    Yeah this is neat but it is 90% not done and that is being generous.

    For a open source path tracer with a full glTF compatible material model and lighting and runs in the browser check out:

    https://github.com/gkjohnson/three-gpu-pathtracer

    Or if you want hardcore features look at Moonray from Dreamworks:

    https://github.com/dreamworksanimation/openmoonray

  • encom-globe

    🌎 WebGL globe based on the boardroom scene from Tron: Legacy

    Project mention: Threejs Portfolio. | /r/threejs | 2022-12-10

    I like to reimplement UIs/scenes I see in movies and turn them into interactive threejs/webgl scenes, with big notices about where I got the source material from and that it was done as an educational exercise, not a way to make money. That way I can focus on the technical parts without stressing about design or making something that looks good... because I already know what the end result will be. E.g. https://github.com/arscan/encom-globe

  • GithubCity

    Create a 3D city from your GitHub contributions 🏙

    Project mention: Your GitHub year in review - 10 fun ways to visualize your contributions | dev.to | 2023-01-09

    Demo · Create your own

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-09-13.

JavaScript Threejs related posts

Index

What are some of the best open-source Threej projects in JavaScript? This list will help you:

Project Stars
1 A-Frame 15,684
2 drei 6,167
3 vanta 4,844
4 AR.js 4,798
5 NN-SVG 4,135
6 jeelizFaceFilter 2,492
7 3d 2,265
8 sketch-threejs 2,084
9 craftzdog-homepage 2,070
10 matcaps 2,068
11 hubs 2,040
12 THREE.MeshLine 2,009
13 three-mesh-bvh 1,939
14 Online3DViewer 1,825
15 mind-ar-js 1,780
16 react-three-next 1,754
17 THREE.js-PathTracing-Renderer 1,716
18 troika 1,343
19 3DTilesRendererJS 1,251
20 react-planner 1,169
21 three-gpu-pathtracer 1,030
22 encom-globe 1,023
23 GithubCity 1,006
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com