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! Learn more →
Top 23 JavaScript Threej Projects
-
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.
-
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.
-
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.
-
-
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...).
-
-
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.
-
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
-
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
-
-
Not sure if Mozilla Hubs federates, but as already said, ThirdRoom is Matrix VRchat thing.
-
-
three-mesh-bvh
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
the default one ( with the sop/boolean node ) uses https://github.com/gkjohnson/three-mesh-bvh, which is very stable already.
-
-
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
-
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
-
-
-
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.
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:
-
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
-
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
- WebGL Globe Data Visualization as a ThreeJS reusable 3D object
- Ask HN: One-person startups/SaaS that are profitable?
- Freeciv 3D for the web browser
- The Future of Node.js in Virtual and Augmented Reality Development
- All warfare is based on deception
- Statue of Liberty in Freeciv 3D
- 🚀 Excited to share my first Three.js project! Check it out! 🎉
-
A note from our sponsor - Appwrite
appwrite.io | 26 Sep 2023
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