JavaScript 3D

Open-source JavaScript projects categorized as 3D

Top 23 JavaScript 3D Projects

  • three.js

    JavaScript 3D Library.

    Project mention: Ask HN: Tips to get started on my own server | news.ycombinator.com | 2024-03-25
  • A-Frame

    :a: Web framework for building virtual reality experiences.

    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

    https://aframe.io/

    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.

  • Cesium

    An open-source JavaScript library for world-class 3D globes and maps :earth_americas:

  • zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

  • GDevelop

    :video_game: Open-source, cross-platform game engine designed to be used by everyone.

    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

  • 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.

  • 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.

  • blockbench

    Blockbench - A low poly 3D model editor

    Project mention: Menus stuck interpreting at 16x16? | /r/Blockbench | 2023-03-30

    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...).

  • 3d

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

  • 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
  • geojson.io

    A quick, simple tool for creating, viewing, and sharing spatial data

    Project mention: What 3D Javascript Globe package do you use? | /r/gis | 2023-05-07

    GeoJson.io

  • curtainsjs

    curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

  • GithubCity

    Create a 3D city from your GitHub contributions 🏙

  • react-postprocessing

    📬 postprocessing for react-three-fiber

  • xviz

    A protocol for real-time transfer and visualization of autonomy data

    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

    Project mention: Arghhh ! Three ! | /r/threejs | 2023-12-07

    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.

  • d3-force-3d

    Force-directed graph layout in 1D, 2D or 3D using velocity Verlet integration.

    Project mention: Graph layout library recommendations? | /r/ExperiencedDevs | 2023-04-02

    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.

  • three-forcegraph

    Force-directed graph as a ThreeJS 3d object

  • RayCastingTutorial

    A simple RayCasting rendering tutorial for game development

  • 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.

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-03-25.

JavaScript 3D related posts

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
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.
workos.com