# Does three.js support any geomatric format like STEP or IGES?

**URL:** <https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713>\
**Category:** Questions\
**Tags:** stl\
**Created:** [July 26, 2019, 9:30am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713 "2019-07-26T09:30:44Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![shibinmohan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shibinmohan/32/7193_2.png) [@shibinmohan](https://discourse.threejs.org/u/shibinmohan)\
**Post date:** [July 26, 2019, 9:30am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/1 "2019-07-26T09:30:44Z")

</div>

Does three.js support any geomatric format like STEP or IGES? How do I render change in model parameter values(like length, height etc ) in realtime using three.js?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 26, 2019, 9:34am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/2 "2019-07-26T09:34:04Z")

</div>

Duplicate: [Is there any way to load STEP file using three.js](https://discourse.threejs.org/t/is-there-any-way-to-load-step-file-using-three-js/2842)

> [@shibinmohan](#):
>
> How do I render change in model parameter values(like length, height etc ) in realtime using three.js?

Sorry, this question is unclear and does not show any kind of research effort. Such low effort questions are normally deleted.

---

<div class="post-metadata">

**Author:** ![shibinmohan](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/shibinmohan/32/7193_2.png) [@shibinmohan](https://discourse.threejs.org/u/shibinmohan)\
**Post date:** [July 26, 2019, 10:20am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/3 "2019-07-26T10:20:50Z")

</div>

I need to render a step file generated from server side to client side. if step file doesnt suported directly i can convert it into ‘.stl’ or other format. which format is effective? Then how can i render that in client side. Pls help…

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [July 26, 2019, 10:44am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/4 "2019-07-26T10:44:13Z")

</div>

Using `STL` is of course a valid approach. The following example demonstrates how you can use `THREE.STLLoader` to load the file:

[https://threejs.org/examples/webgl\_loader\_stl](https://threejs.org/examples/webgl_loader_stl)

---

<div class="post-metadata">

**Author:** ![gg150190](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/gg150190/32/8437_2.png) [@gg150190](https://discourse.threejs.org/u/gg150190)\
**Post date:** [March 7, 2020, 11:33am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/5 "2020-03-07T11:33:09Z")

</div>

Hello

I need to convert .step/.iges file to .stl format which is supported by threejs…Is there any way?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [March 7, 2020, 2:49pm UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/6 "2020-03-07T14:49:01Z")

</div>

One possibility to perform this conversion is with [FreeCAD](https://www.freecadweb.org/).

---

<div class="post-metadata">

**Author:** ![gg150190](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/gg150190/32/8437_2.png) [@gg150190](https://discourse.threejs.org/u/gg150190)\
**Post date:** [March 7, 2020, 4:37pm UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/7 "2020-03-07T16:37:55Z")

</div>

Hello

Thanks for your response. I already tried by installing FreeCAD software but it is a manual process. I want to do dynamic conversion. Is there any api available for the same?

---

<div class="post-metadata">

**Author:** ![TjalleWired](https://avatars.discourse-cdn.com/v4/letter/t/76d3ee/32.png) [@TjalleWired](https://discourse.threejs.org/u/TjalleWired)\
**Post date:** [June 23, 2020, 7:54am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/8 "2020-06-23T07:54:18Z")

</div>

@gg150190 If you read the FreeCAD docs carefully you can see that a Python API interface is available, it can be tricky to import.

```
#Import sys to append path
import sys
# Append local FreeCAD Instance to path
# This has to be the path to your local FreeCAD install, 
# it will be a different path for you,  
# the important thing is to link the 'bin' folder.
sys.path.append("C:/Users/UserName/AppData/Local/FreeCAD 0.18/bin")  

# Import Local Dependencies
import FreeCAD, Part, Mesh
# It is important to note that Part and Mesh are optional dependencies,
# FreeCAD is the main library.

```

For more information, please check the FreeCAD docs, they are explained extensively.

---

<div class="post-metadata">

**Author:** ![diylab](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/diylab/32/14581_2.png) [@diylab](https://discourse.threejs.org/u/diylab)\
**Post date:** [November 13, 2020, 9:31am UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/9 "2020-11-13T09:31:00Z")

</div>

I’ve tried FreeCAD before, it worked ok but you need server in the back to run it - and I want something on the client side if possible… so I come across this [GitHub - MrStronger/webGL-IGES: IGES File Viewer Based on WebGL. This is my graduation project.](https://github.com/MrStronger/webGL-IGES) repo, and used as initial starting point to implement as an iges loader in three.js…

@gg150190 I’ve started working on iges loader for three.js - [three.js/webgl\_loader\_iges.html at 090a92c934e6503442afaafcb20226cdcde15cb9 · alex-marinov/three.js · GitHub](https://github.com/alex-marinov/three.js/blob/090a92c934e6503442afaafcb20226cdcde15cb9/examples/webgl_loader_iges.html)

So far I’ve been playing around to understand how all it could work… so far lines, points are ok but needs some tiding up and some more work to make it all nice and efficient code.

I’m relatively new to programming and JavaScript in particular… but I’ll give my best shot to try to make it work 🙂

---

<div class="post-metadata">

**Author:** ![drcmda](https://avatars.discourse-cdn.com/v4/letter/d/91b2a8/32.png) [@drcmda](https://discourse.threejs.org/u/drcmda)\
**Post date:** [November 15, 2020, 4:55pm UTC](https://discourse.threejs.org/t/does-three-js-support-any-geomatric-format-like-step-or-iges/8713/10 "2020-11-15T16:55:55Z")

</div>

[http://buerli.io](http://buerli.io) can handle step/iges as well as parameter recalc, constraints and modelling features. but we’re still struggling with wasm. the package itself is fully functional but we need to get it running without relying on a server. it’s almost done and we will publish soon.
