Threejs

Open-source projects categorized as Threejs

Top 23 Threej Open-Source Projects

  • react-three-fiber

    🇨🇭 A React renderer for Three.js

  • Project mention: 3JS Job Market | /r/threejs | 2023-06-05

    this is perfect then. a large part of the threejs userbase is using https://github.com/pmndrs/react-three-fiber (roughly 1/4, and growing) and this is also where you find lots of job opportunities. fiber has a vast eco system, but if you can pair this with your knowledge of shaders you'll find a job tomorrow if you wanted.

  • A-Frame

    :a: Web framework for building virtual reality experiences.

  • Project mention: React, Solid, Htmx | news.ycombinator.com | 2024-04-12

    ... I remember inventing signals circa 2005 for a knowledge graph editor I worked on in GWT back when I didn't care about knowledge graphs. Not long after that I was using similar concepts to develop a complex Silverlight decision support application for sales territories.

    I'm still a little appalled that people have forgotten how to make HTML form applications like we made in 1999 and frequently use React for things that don't really need it. React has, I think, one of the most elegant methods of implementing a widget set ever invented (sure beats XAML, FXML, Visual Basic, etc.) but it doesn't support a real answer to maintaining application state that would be adequate for applications as complex as RIAs made by early adopters in 2005.

    My favorite use for React is

    https://aframe.io/

    which works like a cross between VRML and Unity Framework. Here you can easily build a virtual world that people can experience with desktop, mobile and VR headsets. Something you can't do with HTML forms!

    I have a few side projects based on HTMX but I am pretty sure we will see something like it but better soon. In particular back end frameworks need to be updated for the new reality. Often you have a "component" like a dropdown box which can either be drawn as part of a bigger page or updated on its own and you really need some way you can reuse the HTML template for those purposes and hopefully also reuse associated code that does database lookups and such.

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

    Motion design editor for the web

  • Project mention: Can we talk about the absolute chokehold GSAP has on the industry? | /r/webdev | 2023-12-10

    https://www.theatrejs.com/ (saw this just yesterday ..looks interesting)

  • drei

    🥉 useful helpers for react-three-fiber

  • Project mention: figured out an outline shader, heres the code (raymarching) | /r/threejs | 2023-12-11

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

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

  • AR.js

    Image tracking, Location Based AR, Marker tracking. All on the Web.

  • NN-SVG

    Publication-ready NN-architecture schematics.

  • Project mention: NN-SVG | news.ycombinator.com | 2023-12-05

    Yeah, the github repo is a much better link for this, as it explains what it is. https://github.com/alexlenail/NN-SVG

  • 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
  • 3d-force-graph

    3D force-directed graph component using ThreeJS/WebGL

  • trois

    ✨ ThreeJS + VueJS 3 + ViteJS ⚡

  • Project mention: React, angular ili vue? | /r/programiranje | 2023-07-02
  • 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...).

  • riffusion-app

    Stable diffusion for real-time music generation (web app)

  • 3d

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

  • matcaps

    Huge library of matcap PNG textures organized by color

  • three-mesh-bvh

    A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.

  • craftzdog-homepage

    My homepage

  • 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

  • react-three-next

    React Three Fiber, Threejs, Nextjs starter

  • Project mention: React Lazy Loading react-three-fiber component | /r/threejs | 2023-12-06

    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.

  • sketch-threejs

    Interactive sketches made with three.js.

  • Project mention: Github Newb in need of help w/ javascript implementation | /r/github | 2023-05-14

    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

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

    Mesh replacement for THREE.Line

  • hubs

    Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.

  • Project mention: I Use Firefox | news.ycombinator.com | 2024-02-28

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

  • mind-ar-js

    Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js

  • Project mention: 8thwall pricing is crazy | /r/augmentedreality | 2023-07-04

    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

  • ipyvolume

    3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL

  • globe.gl

    UI component for Globe Data Visualization using ThreeJS/WebGL

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

    WorkOS 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). The latest post mention was on 2024-04-12.

Threejs related posts

Index

What are some of the best open-source Threej projects? This list will help you:

Project Stars
1 react-three-fiber 25,832
2 A-Frame 16,166
3 theatre 10,706
4 drei 7,303
5 vanta 5,239
6 AR.js 5,175
7 NN-SVG 4,402
8 3d-force-graph 4,295
9 trois 4,047
10 jeelizFaceFilter 2,617
11 riffusion-app 2,540
12 3d 2,458
13 matcaps 2,361
14 three-mesh-bvh 2,241
15 craftzdog-homepage 2,215
16 react-three-next 2,179
17 sketch-threejs 2,173
18 Online3DViewer 2,169
19 THREE.MeshLine 2,103
20 hubs 2,101
21 mind-ar-js 2,055
22 ipyvolume 1,907
23 globe.gl 1,835
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