nowfound

Life & fun · February 3, 2020

Gltfjsx, a tool that turns 3D GLTF files into React components

published a major release of the GLTFJSX tool that i made last year: https://t.co/Tnt6GoOG8n it turns @glTF3D files into re-usable react threejs components that are easy to modify and customize! the comfort you get from this is close to a scene editor, but in a real prod env.

Gltfjsx, a tool that turns 3D GLTF files into React components launched on February 3, 2020 with 29 votes, #639 of 3,162 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 6 years on.

Visit twitter.com ↗Alternativestop 20% of February 2020

In plain words

Gltfjsx converts 3D GLTF files into reusable React components, allowing developers to import and display 3D models directly in React applications. It's designed for web developers and 3D enthusiasts who want to integrate 3D assets into their projects without manual coding. The tool automates the conversion process, making it straightforward to work with complex 3D models in modern web development.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • HTML to React2024 · ▲572

    Turn a design from any website into your own

  • An ASCII 3D Rendering EngineJun 2026 · glyphcss.com · ▲211

    Render 3D models (OBJ, glTF, GLB, STL, .vox) as ASCII art — in the browser, in React or Vue, or straight in your terminal. A three.js-style API with no WebGL and no canvas: just text in a single <pre>.

  • IB
    I built an indie, browser-based MMORPG2024 · alpha.reconquer.online · ▲340

    I've been working on an MMORPG that is now in alpha as a solo developer. Here are the major open source technologies that I use: Blender - 3D modeling software for creating the overall environment and every game object. I've gotten a lot of CC and Public Domain assets from https:&#x2F;&#x2F;poly.pizza GLTF - I export assets from blender to the GLTF asset format JSON - I write a JSON config for every game object that describes things like its name, its interactions, its collisions, etc. Node.js exporter - I iterate over the environment and every asset to create a scene hierarchy. I use…

  • Convert any website into a React component2024 · chromewebstore.google.com · ▲326

    Hey HN, we built a Chrome Extension (https:&#x2F;&#x2F;www.magicpatterns.com&#x2F;extension) that converts a snippet of any website to an isolated React component. Demo video: https:&#x2F;&#x2F;youtu.be&#x2F;hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors &#x2F; inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

  • Online 3D EditorMay 2026 · 3d-editor.com · ▲64

    Blender-style 3D editing in your browser

  • Triplex2023 · triplex.dev · ▲102

    The React Three Fiber editor

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, February 2020

the whole month →