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 3D Projects
-
-
Project mention: Apple Vision Pro Review: The Best Headset yet Is Just a Glimpse of the Future | news.ycombinator.com | 2024-01-30
Meta Quest also has full support for WebXR which lets you bypass all the app store BS. You can use this framework to make worlds visible on most XR headsets as well as desktop and mobile
My understanding is that Apple is making excuses about being slow to support WebXR.
-
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.
-
-
-
Project mention: Advice on easy-to-learn game engines? Planning a marriage proposal year(s) in advance | /r/gamedev | 2023-12-07
https://gdevelop.io/ <- free, very easy
-
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.
-
isometric-contributions
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
-
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.
-
If you want to suggest it as feature you can make a post in https://github.com/JannisX11/blockbench/issues (or check if someone already made one and upvote that)
-
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...).
-
-
-
GeoJson.io
-
curtainsjs
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
-
-
-
Project mention: A protocol for real-time transfer and visualization of autonomy data | news.ycombinator.com | 2023-06-27
-
WebWorldWind
The NASA WorldWind Javascript SDK (WebWW) includes the library and examples for creating geo-browser web applications and for embedding a 3D globe in HTML5 web pages.
Project mention: NASA Worldwind: an open-source high-res satellite globe for web pages | news.ycombinator.com | 2024-01-06 -
three-stdlib
📚 Stand-alone library of threejs examples designed to run without transpilation in node & browser
We have forked parts of the three core stuff to minimise breaks. drei for instance uses https://github.com/pmndrs/three-stdlib not examples/jsm. The threejs version you install can still pull the rug but pmndrs works against that with conditionals, shaders for instance are made to function despite three breaking stuff. You can generally rely on it and Fiber + eco system has semantic versioning.
-
This can do 2D or 3D renders of graph nodes that are draggable https://github.com/vasturiano/d3-force-3d. It's very similar to what obsidian does (looks the same to me).
-
vis-graph3d
📊 Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.
-
jeelizGlassesVTOWidget
JavaScript/WebGL glasses virtual try-on widget. Real-time camera experience, robust to all lighting conditions, high-end 3D PBR rendering, easy integration, fully customizable.
-
-
-
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.
JavaScript 3D related posts
- JPEG XL Is a Stupid Name
- Gimp 2.99.18 Released: The Last Development Preview Before 3.0
- Things you should know before learning Three.js
- JavaScript 3D Library
- Programación 3D con JavaScript - parte 3
- Mechanical Watch
- Arghhh ! Three !
-
A note from our sponsor - SurveyJS
surveyjs.io | 29 Mar 2024
Index
What are some of the best open-source 3D projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | three.js | 98,332 |
2 | A-Frame | 16,115 |
3 | Cesium | 11,715 |
4 | zdog | 10,214 |
5 | GDevelop | 5,663 |
6 | vanta | 5,215 |
7 | isometric-contributions | 3,437 |
8 | blockbench | 2,774 |
9 | jeelizFaceFilter | 2,610 |
10 | 3d | 2,458 |
11 | Online3DViewer | 2,132 |
12 | geojson.io | 1,821 |
13 | curtainsjs | 1,602 |
14 | GithubCity | 1,067 |
15 | react-postprocessing | 1,013 |
16 | xviz | 984 |
17 | WebWorldWind | 850 |
18 | three-stdlib | 631 |
19 | d3-force-3d | 335 |
20 | vis-graph3d | 292 |
21 | jeelizGlassesVTOWidget | 253 |
22 | three-forcegraph | 218 |
23 | RayCastingTutorial | 213 |