With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 JavaScript Threej Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
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...).
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
three-mesh-bvh
A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.
-
-
-
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.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: El Prado Museum in Unprecedented Detail with New 360º Gigapixel Virtual Tour | news.ycombinator.com | 2024-04-19
Project mention: figured out an outline shader, heres the code (raymarching) | /r/threejs | 2023-12-11the shader is here if you want it in vanilla https://github.com/pmndrs/drei/blob/master/src/core/Outlines.tsx though keep in mind it needs some additional work to support skeletons and instances, that's the code in the layout effect.
Project mention: Seeking Guidance and Implementation Tips for Vanta.js-like Effects in Flutter | /r/flutterhelp | 2023-06-01Looking 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.
Yeah, the github repo is a much better link for this, as it explains what it is. https://github.com/alexlenail/NN-SVG
Project mention: Ask HN: One-person startups/SaaS that are profitable? | news.ycombinator.com | 2023-09-13I'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
ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.
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
> Firefox Reality on the Oculus Go VR Headset
yes, through not limited to the Oculus
and it kinda folded Hubs (https://hubs.mozilla.com/) into it
and and I think there was a bit of additional research level stuff never ending up in user hands
but both are somewhat dead, idk. if Firefox Reality still works with any VR headset at all (it might still work with non standalone headset usage) and Hubs is shutting down end of March, a community version still exist (Hubs ~= somewhat like VRChat from the idea but not as VR specific and just less interesting in general)
same for most other things they are either dead or fizzled out (and some are stables, but don't bring users, like pdf.js)
One thing I forget to mention is FF does a lot of work to reduce fingerprint-ability of existing interfaces (while trying to avoid breaking websites by changing/breaking existing interfaces, like some other more privacy focused browsers do). A bunch of this is done in context for the tor-browser but also benefit normal FF. Sadly you using FF ads more information to the fingerprint then any of the protections due to better fingerprint protection (something which is true for any form of privacy protection not used en mass by every one).
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
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:
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 2024-04-19.
JavaScript Threejs related posts
- El Prado Museum in Unprecedented Detail with New 360º Gigapixel Virtual Tour
- React, Solid, Htmx
- Ask HN: What framework should I learn?
- Mario meets Pareto: multi-objective optimization of Mario Kart builds
- The Apple Vision Pro's Missing Apps
- The web will be Vision Pro's killer app
- How do we stop Meta in 2024? We fix the information loop
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source Threej projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | A-Frame | 16,166 |
| 2 | drei | 7,303 |
| 3 | vanta | 5,239 |
| 4 | AR.js | 5,175 |
| 5 | NN-SVG | 4,402 |
| 6 | jeelizFaceFilter | 2,617 |
| 7 | 3d | 2,458 |
| 8 | matcaps | 2,374 |
| 9 | three-mesh-bvh | 2,241 |
| 10 | craftzdog-homepage | 2,215 |
| 11 | react-three-next | 2,179 |
| 12 | sketch-threejs | 2,173 |
| 13 | Online3DViewer | 2,169 |
| 14 | THREE.MeshLine | 2,103 |
| 15 | hubs | 2,101 |
| 16 | mind-ar-js | 2,055 |
| 17 | THREE.js-PathTracing-Renderer | 1,821 |
| 18 | troika | 1,502 |
| 19 | 3DTilesRendererJS | 1,395 |
| 20 | react-planner | 1,228 |
| 21 | three-gpu-pathtracer | 1,205 |
| 22 | three-globe | 1,083 |
| 23 | GithubCity | 1,074 |
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com