JavaScript 3D

Open-source JavaScript projects categorized as 3D
Edit details
Topics: Threejs Webgl JavaScript Canvas Html5
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 23 JavaScript 3D Projects

  • three.js

    JavaScript 3D Library.

    • Project mention: Space, Rockets and GPU particles | dev.to | 2024-05-12

    We also used three.js to setup a scene and manage resources.

  • A-Frame

    :a: Web framework for building virtual reality experiences.

    • Project mention: Ask HN: Why Htmx So Controversial? | news.ycombinator.com | 2024-05-13

    I like it. It is a perfect framework for my smart RSS reader and my image sorter where I want to do some simple things like putting up modal dialogs, implementing multiple-stage selects, combo boxes, things like that.

    React can handle apps with much more complex state and do really amazing things like

    https://aframe.io/

    but it is overkill for the common form applications it is commonly used for.

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

    SurveyJS logo

  • 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: Gamedev.js Jam 2024 start and theme announcement! | dev.to | 2024-04-13

    5 × GDevelop Gold license for 12 months

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

    InfluxDB logo

  • blockbench

    Blockbench - A low poly 3D model editor

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

  • geojson.io

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

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

  • 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

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

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

JavaScript 3D related posts

  • Space, Rockets and GPU particles

    2 projects | dev.to | 12 May 2024

  • I've made game engine (I think)

    2 projects | dev.to | 5 May 2024

  • Show HN: 3D Framework for the Web. Built on Svelte and Three.js

    7 projects | news.ycombinator.com | 29 Apr 2024

  • Implementing Bloom Effect with Mapbox and Three.js

    3 projects | dev.to | 8 Apr 2024

  • JPEG XL Is a Stupid Name

    1 project | news.ycombinator.com | 5 Mar 2024

  • Gimp 2.99.18 Released: The Last Development Preview Before 3.0

    2 projects | news.ycombinator.com | 22 Feb 2024

  • Things you should know before learning Three.js

    1 project | dev.to | 4 Feb 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 16 May 2024
    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. Learn more →

Index

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

Project Stars
1 three.js 99,250
2 A-Frame 16,230
3 Cesium 12,112
4 zdog 10,244
5 GDevelop 6,146
6 vanta 5,282
7 isometric-contributions 3,457
8 blockbench 2,900
9 jeelizFaceFilter 2,622
10 3d 2,539
11 Online3DViewer 2,225
12 geojson.io 1,844
13 curtainsjs 1,616
14 GithubCity 1,077
15 react-postprocessing 1,032
16 xviz 990
17 WebWorldWind 864
18 three-stdlib 648
19 d3-force-3d 354
20 vis-graph3d 295
21 jeelizGlassesVTOWidget 258
22 three-forcegraph 233
23 RayCastingTutorial 227

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com